css的屬性，以前沒用過遇到了，記錄一下： 雖然layui本來自帶這個處理，但是為了靈活，拋棄layui原有的加載，只是用layui的樣樣式，就要使用到這個css屬性 總結overflow屬性： ...

flex:1的元素的父元素必須保證高度或者寬度有具體的數值； 如果父元素的高度或者寬度也是flex:1自適應的，最好在父元素上也設置overflow:auto，這樣子元素的overflow:auto生效了；（BFC妙用） ...

flex:0 1 auto; flex是flex-grow,flex-shrink,flex-basis3個屬性結合在一起的縮寫形式,后兩個屬性可選寫 flex-grow 表示當子元素的空間小於父元素的空間時,如何處理剩余空間, 默認值為0表示不占有剩余空間; 當子元素都設置為1時表示 ...

...

...

這里主要是解決overflow的滾動屬性（scroll和auto）與position定位兩者之間的共存。 如上圖類似的效果。 這里解決的關鍵是： （1）在父級的同級中增加一個div，實現兩個div的同步滾動。 （2）在滾動內容區域的外面添加一個“固定高度”的div。詳細作用在代碼中有 ...

經常我們會使用flex布局，但是flex布局常常會遇到一些不可思議的麻煩，下面介紹一下overflow遇到的麻煩 我在工作中使用了左右兩欄布局 我的想法是左邊寬度要自適應，而且需要滾動條，雖然這樣設置了，但奇怪的事情發生，左邊的內容並沒有出現滾動條，通過查閱資料 ...

傳統 pc 端中，子容器高度超出父容器高度，通常使用 overflow:auto 可出現滾動條拖動顯示溢出的內容，而移動web開發中，由於瀏覽器廠商的系統不同、版本不同，導致有部分機型不支持對彈性滾動，從而在開發中制造了所謂的 BUG。 上圖如果在PC端中，我們可以利用 position ...