加 postion:absolute;使#div脱离了文档流,什么意思呢?对这个例子来说 就是#div的布局不受<html>的限制了,可以说是和<html>平起平坐了,所以此时设置的gaodu100%就是浏览器的高度。
不加postion:absolute;#div还是在文档流中,高度100%是针对它的父元素<body>来说的,由于#div中没有内容来占空间,所以此时的<body>的高度为0,所以#div的高度也为0.同理<body>对于<html>。所以,加上 html,body{height:100%;}就可以给#div高度了。
不加postion:absolute;#div还是在文档流中,高度100%是针对它的父元素<body>来说的,由于#div中没有内容来占空间,所以此时的<body>的高度为0,所以#div的高度也为0.同理<body>对于<html>。所以,加上 html,body{height:100%;}就可以给#div高度了。
作者:Kylin Chang
链接:https://www.zhihu.com/question/41653690/answer/96063148
来源:知乎
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。