瀏覽器參照基準(zhǔn)：Firefox, Chrome, Safari, Opera, IE；
* IE6不支持CSS min-height屬性。最小高度的定義：1. 元素?fù)碛心J(rèn)高度；2. 當(dāng)內(nèi)容超出元素的默認(rèn)高度時，元素的高度隨內(nèi)容增加而增加Figure 1:如下圖的需求
* 如上圖，兩個區(qū)域的高度不一樣。這就是 min-height 的效果演示。元素?fù)碛幸粋€默認(rèn)的高度，當(dāng)內(nèi)容超出該默認(rèn)高度時，元素的高度同時隨內(nèi)容而增加。
* 如上代碼，我們只需要一行代碼 min-height:80px; 就可以實現(xiàn)非IE6瀏覽器的最小高度。
* 將 min-height:80px; 改成 height:80px; 在IE6下查看這個樣式。你可能發(fā)現(xiàn)了奇跡，是的，你沒看錯。這個DEMO的表現(xiàn)與eg1的demo在高級瀏覽器下的表現(xiàn)一致，即最小高度的效果。
* 但這還不是大獲全勝的時候，因為你會發(fā)現(xiàn)本例在高級瀏覽器下都GameOver了。腫么辦，這不是坑爹么？別著急，作為一個合格的coder，你肯定會想各種辦法來搞定它。
* 你是一個前端工程師，所以你必須要知道一些瀏覽器專屬的CSS Hack，雖然大多數(shù)情況下不推薦使用。我們想辦法讓高級瀏覽器仍然使用min-height，而ie6使用height，這樣似乎就可以達(dá)成目的了，動手吧。
新聞熱點
疑難解答
