css解决IE、Firefox兼容的div高度100%的问题

2011-08-09 10:35:47来源:作者:

div高度100%的问题其实我们经常遇到,但是一直不知道怎么能够很好的解决。本文就是一个很容易解决IE、Firefox兼容的div高度100%的问题的文章,希望对大家有用。

div高度100%的问题其实我们经常遇到,但是一直不知道怎么能够很好的解决。本文就是一个很容易解决IE、Firefox兼容的div高度100%的问题的文章,希望对大家有用。

其实解决起来很简单,就是在css的html和body里面加入height:100%属性,div的高度似乎不用设置成100%也可以实现。

原理:不同浏览器html和body的默认高度不同,比如IE6下html默认就是100%高度,body则不是;Firefox和IE更高版本下html和body高度默认都不是100%,需要自定义。chrome浏览器默认也是100%的高度。所以我们需要重新设置一下。

代码如下:


提示:可以修改后运行.

 

赞助商链接: