css屬性中的overflow如果要生效必須滿足一個條件:子元素必須大於父元素
為什么html禁止了overflow子元素中添加了overflow但是並不生效。這是有可能由於父元素與子元素同為100%,父元素是與子元素一起變化不存在子元素overflow父元素的情況。
根據實驗得到可以通過在父元素添加height屬性,並設置為一個很小的值,或者設置overflow為hidden限制父元素的大小從而在子元素超過100%時產生overflow效果,但不能使用max-height來達到效果。
判定是否能夠overflow的關鍵因素為子元素與父元素大小,在很多彈性布局中子元素與父元素一起變化導致了overflow沒有效果,出現這種情況要從HTML開始清查必須要固定大小(百分比大小也可以)或者設置overflow為hidden,不能出現隨着子元素彈性變化這樣是無法出現overflow的。
FireFox調試工具中布局可以非常清楚的看到彈性布局尺寸信息,看到是否存在彈性增長。