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%的高度。所以我們需要重新設置一下。

代碼如下：