之前一直都知道css中的部分元素具有包裹性，今天寫部落格的時候正好也遇到了乙個，所以想總結一下，有錯誤的地方歡迎指出來。
包裹性就是父元素的寬度會收縮到和內部元素寬度一樣。
就我已知的有：absolute，fixed，float，inline-box等等。
仔細看看這些元素，他們都有乙個共同特點，那就是都會產生bfc，所以我大膽的猜想了一下，所有能產生bfc的元素都具有包裹性，下面就乙個個驗證。
經過測試，浮動元素會自動包裹內部元素。
**：浮動元素具有包裹性
除了relative之外的其他定位也都具有包裹性，fixed可以看做特殊的absolute。
**：定位元素具有包裹性
overflow和zoom無法自適應寬度，但是可以用來清除浮動，它們都可以包裹元素高度。
**：overflow和zoom元素不具有包裹性
經過測試，只有flex無法包裹，其他的都很好的包裹了。
**：只有flex不具有包裹性
所以，經過測試，並不是所有可以產生bfc的元素都具有包裹性。
個人認為，當遇到內部寬度不確定的時候，父元素又需要設定乙個寬度，這時候包裹性就很有用處了，比如導航條裡面，li寬度沒有固定的時候，又希望ul的寬度和總寬度相同，這時候可以給ul設定inline-block等元素來解決。
對css中包裹性的淺顯認識
從乙個例子中看包裹性和水平對齊的兩種方式 css世界 一書中有這麼乙個例子，主要考察對包裹性的理解。包裹性 自適應性 指元素的尺寸只由內部元素決定，但是永遠小於包含塊容器的尺寸 需求 頁面中某個模組的文字內容是動態的，可能是幾個字，也可能是一句話，希望當字數少的時候居中顯示，字數超過 一行的時候居左...
元素的包裹性之css繪製三角形問題
我們知道利用css繪製三角形時利用寬高為0，border transparent等屬性可以實現，示例 如下 div parent 或者 div parent 當不設定元素寬高為0 或者不設定絕對定位而是用相對定位時，就會出現下面這種效果 元素高度為0，但是寬度撐滿了容器 檢視元素盒模型就會發現它的高...
CSS樣式中的重要性。
我們在做網頁 的時，有些特殊的情況需要為某些樣式設定具有最高權值，怎麼辦？這時候我們可以使用 important來解決。如下 p p三年級時，我還是乙個膽小如鼠的小女孩。這時 p 段落中的文字會顯示的red紅色。注意 important要寫在分號的前面 這裡注意當網頁製作者不設定css樣式時，瀏覽器...