css height:auto 不起作用怎麼辦

css height:auto不起作用的解決方法：1、利用chrome來尋找被覆寫屬性的父級css屬性，並刪除；2、將父元素加上「zoom:1;overflow:hidden; ”語句即可。

本教學操作環境：windows7系統、Chrome76.0&&CSS3版本，Dell G3電腦。

相關推薦：《css影片教學》

css height:auto不起作用怎麼解決？

可能因為父元素處於浮動狀態，浮動是會脫離文檔流的，內部兩個層就不會局限於父層，所以父層不知道內部的高度，但清理浮動可以把他們“拉”回來。

兩種解決方法：

①利用chrome來尋找被覆寫屬性的父級css屬性，並刪除。

②父元素加上zoom:1;overflow:hidden;

zoom:1會觸發ie（ie8以下）的haslayout，剛好能清理浮動; overflow:hidden;則對其他瀏覽器起作用（其實對ie7也會起作用）。

當父DIV有固定高度會同zoom:1; 一樣會觸發ie（ie8以下）的haslayout，但auto值卻不會。

以上是css height:auto 不起作用怎麼辦的詳細內容。更多資訊請關注PHP中文網其他相關文章！