1. 程式人生 > >CSS中height:auto 屬性無效

CSS中height:auto 屬性無效

1、css屬性衝突
一種可能情況因為父div中的div處於浮動狀態,浮動是會脫離文件流的,內部兩個層就不會侷限於父層,所以父層不知道內部的高度,但清理浮動可以把他們“拉”回來。
兩種解決辦法:
①利用chrome查詢被覆蓋屬性的父級css屬性,並刪除。
②父DIV加上 zoom:1;over; flow:hidden;
zoom:1會觸發ie(ie8以下)的haslayout,剛好能清理浮動; overflow:hidden;則對其他瀏覽器起作用(其實對ie7也會起作用)。

2、當父DIV有固定高度會同zoom:1; 一樣會觸發ie(ie8以下)的haslayout,但auto值卻不會。