body的height:100%
css中的height: 100%是相对于父元素，当我们设置div{height: 100%}，发现div的高度并没有发生变化。
原因是因为div的父元素的高度没有设置，所以：
html,body {
height: 100%;
}
html的高度等于浏览器的高度，这样div的高度就等于了父元素的高度了。
元素的height:100%
需要父元素指定具体高度值，如height: 100px，子元素的height: 100%才会生效
css中的height: 100%是相对于父元素，当我们设置div{height: 100%}，发现div的高度并没有发生变化。
原因是因为div的父元素的高度没有设置，所以：
html,body {
height: 100%;
}
html的高度等于浏览器的高度，这样div的高度就等于了父元素的高度了。
需要父元素指定具体高度值，如height: 100px，子元素的height: 100%才会生效
本文标题：CSS的高度100%为什么不生效呢？
本文链接：https://www.haomeiwen.com/subject/eeuqzxtx.html
网友评论