首頁 > web前端 > css教學 > 主體

css height:auto 不起作用怎麼辦

藏色散人
發布: 2023-01-04 09:38:36
原創
3315 人瀏覽過

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

css height:auto 不起作用怎麼辦

本教學操作環境: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中文網其他相關文章!

相關標籤:
css
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板