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)行.