控件使用設置display:flex后，其子控件設置的寬度無效的 解決辦法：在子控件使用flex-shrink:0；再設置寬度 ...

我們在做flex布局的時候經常會遇到這種問題： 父級元素添加display:flex; 子集元素添加width：100px； 但是子集元素寬失效！！！！ css 這是一個很正常的flex布局，就是左邊定寬，右邊自動伸縮 添加文字 ...

子級元素增加：align-self baseline; ...

1，如果父級開啟了flex,子級元素的寬度相加大於父級，那么子級元素的寬度會被壓縮 2.不讓子級的寬度壓縮 方法一，在子級添加 flex-shrink: 0; 值為0不被壓縮， 方法二，在其中的一個子級添加一個子級，有寬高，也就是box的孫級，此時box2也不會壓縮 ...

一種可能情況因為父div中的div處於浮動狀態。 浮動是會脫離文檔流的，內部兩個層就不會局限於父層。所以父層不知道內部的高度。但清理浮動，可以把他們“拉”回來。 父DIV加上 zoom:1;overflow:hidden; zoom:1會觸發ie（ie8以下）的haslayout，剛好能清理 ...

...

記錄自己遇到的坑 項目： 指 flex 布局的子元素 當在flex布局情況下，當內容超過項目大小時， 項目會被內容撐開，這種情況下，容易導致頁面布局錯亂。 解決辦法： 給項目設定一個固定1個像素大小的寬帶或者高度（取決與flex-direction的方向，橫軸設定width，縱軸設定 ...

解決父元素display:flex布局下的子元素寬度被壓縮問題 因為設置了display: flex; 導致block布局變成了flex布局， 所以在子元素寬度沒有被撐破的情況下，子元素寬度是有效的，但是當子元素內容過多，此時寬度會比實際寬度小，所以如果想要在已經設置了flex ...