css 设置height:100%问题

加 postion:absolute;使#div脱离了文档流,什么意思呢?对这个例子来说 就是#div的布局不受的限制了,可以说是和平起平坐了,所以此时设置的gaodu100%就是浏览器的高度。
不加postion:absolute;#div还是在文档流中,高度100%是针对它的父元素来说的,由于#div中没有内容来占空间,所以此时的的高度为0,所以#div的高度也为0.同理对于。所以,加上 html,body{height:100%;}就可以给#div高度了。


作者:Kylin Chang
链接:https://www.zhihu.com/question/41653690/answer/96063148
来源:知乎
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。

你可能感兴趣的:(css 设置height:100%问题)