DIV实现高度100%
DIV高度100%的注意事项
以前使用表格很容易的实现100%高度,但是div似乎没有办法实现。其实只要细心就会发现,同样的Width:100% 是很容易实现的,但是为什么Height:100%,却不能撑满屏幕,甚至是1px大小。
其实只是容器的高度还没有生成而已,CSS都是在Html代码的最上面,整个容器中的内容还没有完全载入,所以也不能获得页面的正常高度,So 100%=1px 它是成立的!
解决的办法倒是很简单就是:
html,body{height:100%} html属性是FF所用的.
将容器在页面载入之初就撑满这个浏览器,后续百分比设定的高度就会按照整个浏览器的高度来计算了,不然还是100%=1px;