css設置最小高度 然後自適應

羣裏有人問到用css設置某個div最小height,然後再自適應height,這裏有個不錯的解決辦法。

看代碼先:

min-height:400px; //(解決ie8.9.ff.chrome)
*+height:100%;  //(解決ie7)
_height:400px; //(解決ie6) ie6超出自動溢出

代碼都有註釋,只爲了大家能看的更清晰更明白,因爲有寫同學不太瞭解hack的處理方式。

下面是無註釋版,複製就能用的:

min-height:400px;*+height:100%;_height:400px;

這種方式還是不錯的,當然還有其它處理方法可以解決這樣的小問題,有興趣的同學可以深入研究下。不過浩子不想這麼複雜,因爲hack真的只是個小問題,前端開發更注重的應該是效率和交互,努力ing!!!!

感謝端友“renpengfeier”提供的方法,經測試可行:

min-height:400px; height:auto!important; height:400px;
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章