在只需要兼容ie6的時候完全不需要注意min-height這個樣式,ie6不支持這個樣式。但是當你的頁面需要照顧到ie7和ff的時候,這個樣式一定要注意。因為很多在ie6下設置了height=固定值的樣式,當容器被里面的東西撐的大于這個高度的時候,ie7和ff是不會自適應高度的。從而導致布局的混亂。要想在ie6,ie7和ff中都可以自適應高度,正確的做法是設置min-height和用cssHack設置height。
例如:
min-height:600px;
_height:600px;
這樣,在容器里面的東西很少的時候,它顯示固定高度600px,但當里面的東西很多的時候,它也會自適應的增長高度。
對于height的設置一定要特別注意,如果是布局用的容器的height則需要特別的注意,否則在ff中會導致無法浮起,從而使布局混亂。
例如:
min-height:600px;
_height:600px;
這樣,在容器里面的東西很少的時候,它顯示固定高度600px,但當里面的東西很多的時候,它也會自適應的增長高度。
對于height的設置一定要特別注意,如果是布局用的容器的height則需要特別的注意,否則在ff中會導致無法浮起,從而使布局混亂。
标签:
推薦設計
優秀海報設計精選集(8)海報設計2022-09-23
充滿自然光線!32平米精致裝修設計2022-08-14
親愛的圖書館 | VERSE雜誌版版式設計2022-07-11
生活,就該這麼愛!2022天海報設計2022-06-02
最新文章
用css實現文字的自動隱藏html+css2011-11-14
常用CSS縮寫語法總結html+css2011-11-14
用CSS設計高用戶體驗的whtml+css2011-11-14
由淺入深漫談margin屬性html+css2011-11-14