css解決IE、Firefox兼容的div高度100%的問題

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

div高度100%的問題其實(shí)我們經(jīng)常遇到,但是一直不知道怎么能夠很好的解決。本文就是一個很容易解決IE、Firefox兼容的div高度100%的問題的文章,希望對大家有用。

div高度100%的問題其實(shí)我們經(jīng)常遇到,但是一直不知道怎么能夠很好的解決。本文就是一個很容易解決IE、Firefox兼容的div高度100%的問題的文章,希望對大家有用。

其實(shí)解決起來很簡單,就是在css的html和body里面加入height:100%屬性,div的高度似乎不用設(shè)置成100%也可以實(shí)現(xiàn)。

原理:不同瀏覽器html和body的默認(rèn)高度不同,比如IE6下html默認(rèn)就是100%高度,body則不是;Firefox和IE更高版本下html和body高度默認(rèn)都不是100%,需要自定義。chrome瀏覽器默認(rèn)也是100%的高度。所以我們需要重新設(shè)置一下。

代碼如下:


提示:可以修改后運(yùn)行.

 

關(guān)鍵詞:cssdiv高度Firefox

贊助商鏈接: