DIV高度100%的注意事项

时间:2015/12/2 15:34:00来源:互联网 作者:flyso 点击: 888 次

 以前使用表格很容易的实现100%高度,但是div似乎没有办法实现。其实只要细心就会发现,同样的Width:100% 是很容易实现的,但是为什么Height:100%,却不能撑满屏幕,甚至是1px大小。

  其实只是容器的高度还没有生成而已,CSS都是在Html代码的最上面,整个容器中的内容还没有完全载入,所以也不能获得页面的正常高度,So 100%=1px 它是成立的!

  解决的办法倒是很简单就是:

html,body{height:100%}


 html属性是FF所用的.

  将容器在页面载入之初就撑满这个浏览器,后续百分比设定的高度就会按照整个浏览器的高度来计算了,不然还是100%=1px; 


Copyright © 2005 - 2016 flyso.cn. 飞搜 版权所有 鄂ICP备11002783号-3