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

2021-08-27 06:07:39 字數 521 閱讀 7811

有人問到用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;

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

看 先 min height 400px 解決ie8.9.ff.chrome height 100 解決ie7 height 400px 解決ie6 ie6超出自動溢位 都有注釋,只為了大家能看的更清晰更明白,因為有寫同學不太了解hack的處理方式。下面是無注釋版,複製就能用的 min height...

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

用css設定某個div最小height,然後再自適應height,這裡有個不錯的解決辦法。看 先 min height 400px 解決ie8.9.ff.chrome height 100 解決ie7 height 400px 解決ie6 ie6超出自動溢位 都有注釋,只為了大家能看的更清晰更明白,...

設定iframe高度自適應螢幕高度

寫在前面 最近在搭建專案前台頁面框子的時候,把iframe設定成了固定的高度,導致不同的電腦尺寸訪問的時候,高度差異較大,故查了下,將iframe設定成自動適應螢幕高度的方式,這裡記錄下。還是直接上 吧 iframe頁面內容 div class page content style iframe i...