浮動換行阻擋：往往出現在瀑布流布局中，若上一行浮動塊高度不一致，就會導致在當前行浮動過程中被阻擋。margin也是浮動塊停止的邊緣。一般情況下，往往是因為盒子的內容高度不一致，問題最多的是。當每個的寬高比不一致時，設定相同高度。高度會有差異。
解決辦法：移動端：給乙個固定高，設定object-fit:cover;
pc端：差異不大時，給所有設定相同固定高；差異大時，box作為可視區域寬高固定，在盒子大小設定要佔滿，還有可能超出。則需要給盒子本身設定overflow：hidden；
清除浮動的解決辦法總結
記錄一下清除浮動的三種方法 html結構 class main 12 3 css body main main div 這時候出現的頁面是這樣的 發現父元素並沒有高度，如果子元素不浮動，父元素是可以隨著子元素的高度而自動撐開的。當設定為浮動的時候，子元素已經脫離了文件流，因此父元素並沒有包含子元素，...
浮動產生的問題以及解決辦法
子元素脫離文件流不佔位，父元素的高度撐不起來，下面的元素會往上移動。1 給浮動元素的父元素設定高度 但是不靈活 2，給浮動元素的父元素設定overflow hidden scroll auto 常用 溢位隱藏，父元素要知道子元素是否溢位，浮動元素也參與計算 3,在浮動元素的後面加乙個空的塊元素 二者...
float浮動造成高度塌陷的解決辦法
float 是我們在頁面布局中常用的，也是非常重要的乙個屬性，可以讓頁面布局變得更加靈活。但是在繼續學習之後，尤其是掌握了寬高自適應之後，我們常常會發現乙個奇怪的現象 如果父元素沒有設定高度，而子元素都浮動了的話，父元素就 癟 了。就像下面這樣 html head meta charset utf ...