很多時候子元素的浮動，會造成父元素高度塌陷 解決方法： 1.給父元素末尾添加一個空元素，並設置成清除浮動，即： <div style="clear:both;"></div> 優點：通俗易懂，易於掌握 缺點：添加了無意義標簽，不易於后期維護，違背了結構和表現分離 ...

如上代碼所示，父div的高度並不會隨着兩個子div的增高而增高。解決辦法： 給父div加一個 overflow:hidden 屬性即可。如下： 友情支持：http://www.tea119.com ...

轉自 http://www.divcss5.com/jiqiao/j612.shtml 今天遇到一個可能你在項目里也會經常遇到的問題如下圖，解決以后轉載過來自己做個記錄。 最外層的父級DIV不能自適應高度-不能隨對象撐開沒有高度 當在對象內的盒子使用了float后，導致對象本身不能被撐開 ...

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

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

如何使絕對定位內部元素不繼承父級寬度，而是靠內容自動撐開寬度？ 經常寫hover 效果的時候，不經意間，父級有寬度，而hover 里的內容是撐開的，正常情況下 hover 的寬度，不是撐開的就會繼承父級的寬度：例如hover 文字撐開一行，撐開的，但是父級有寬度，就會繼承父級導致hover 里 ...

在需要寬度自動撐開的元素上面添加樣式： 使該元素默認不換行即可。 ...

如果父元素只包含浮動元素，且父元素未設置高度和寬度的時候。那么它的高度就會塌縮為零，也就是所謂的“高度塌陷”，如果父級元素包含背景或者邊框，那么溢出的元素就不像父級元素的一部分了。解決“高度塌陷”的問題很簡單： 1.浮動父級元素 如果讓父級元素浮動，父級元素的高度就會擴大，直到完全包含它里面 ...