css height:100%撑不起来的解决方法：
height设置为100%时，必须有父容器，然后自动设置高度为父容器的高度。
网络有一个方案，可以把div的高度填充满浏览器：设置html, body { height: 100%; }，div { height: 100%; position: absolute; }即可。
注：前提是，父元素要设置宽高，并且position:relative/absolute....
示例：
<!DOCTYPE html>
<html>
<head>
<style>
body {
height: 100%;
overflow: hidden;
margin: 0px;
padding: 0px;
}
.box {
height: 100%;
background: #ff0000;
position: absolute;
width: 100%;
}
</style>
</head>
<body>
<div class="box"></div>
</body>
</html>效果图：
更多CSS相关知识，可访问 CSS教程 ！！
以上就是css height:100%撑不起来怎么解决？的详细内容，更多请关注0133技术站其它相关文章！
