CSS overflow為什么不生效?


css屬性中的overflow如果要生效必須滿足一個條件:子元素必須大於父元素

為什么html禁止了overflow子元素中添加了overflow但是並不生效。這是有可能由於父元素與子元素同為100%,父元素是與子元素一起變化不存在子元素overflow父元素的情況。

根據實驗得到可以通過在父元素添加height屬性,並設置為一個很小的值,或者設置overflow為hidden限制父元素的大小從而在子元素超過100%時產生overflow效果,但不能使用max-height來達到效果。

   

判定是否能夠overflow的關鍵因素為子元素與父元素大小,在很多彈性布局中子元素與父元素一起變化導致了overflow沒有效果,出現這種情況要從HTML開始清查必須要固定大小(百分比大小也可以)或者設置overflow為hidden,不能出現隨着子元素彈性變化這樣是無法出現overflow的。

FireFox調試工具中布局可以非常清楚的看到彈性布局尺寸信息,看到是否存在彈性增長。

   


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM