加 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
来源：知乎
著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。
862
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
