我发现一种方法可以使一个div容器至少占据整个页面的高度,方法是设置min-height: 100%;。然而,当我添加一个嵌套的div并设置height: 100%;时,它并没有延伸到容器的高度。有没有办法修复这个问题?
html, body {
height: 100%;
margin: 0;
}
#containment {
min-height: 100%;
background: pink;
}
#containment-shadow-left {
height: 100%;
background: aqua;
}
<div id="containment">
<div id="containment-shadow-left">
Hello World!
</div>
</div>
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
在父容器中添加
height: 1px。在Chrome、FF和Safari中有效。