摘要：布局涉及到的屬性常用屬性值此元素不會被顯示它和屬性不一樣。當(dāng)所有父元素中的所有元素脫離文檔流之后，父元素將失去原有默認的內(nèi)容高度浮動塌陷配合使用屬性規(guī)定元素的哪一側(cè)不允許其他浮動元素。

@(CSS技巧)[CSS, 布局]

一直感覺自己對CSS的各個屬性很了解，可是在前幾天一次面試后發(fā)現(xiàn)自己真的很多地方感覺自己知道，可是實際上自己并不是真的理解了，不論學(xué)什么，基礎(chǔ)太重要了，因此決定花幾天時間深入的學(xué)習(xí)下布局涉及到的方方面面，本系列文章預(yù)計從布局常用屬性的解析，布局所涉及到的重要概念的解析以及常見布局樣式的實現(xiàn)及解析三部分來完成，以期在自己完成三部分的學(xué)習(xí)之后能在大腦里有一個完整的布局體系。

常用屬性值：

none:此元素不會被顯示,它和 visibility 屬性不一樣。把 display 設(shè)置成 none 不會保留元素本該顯示的空間，但是 visibility: hidden; 還會保留。

block:此元素將顯示為塊級元素，此元素前后會帶有換行符。

inline:默認。此元素會被顯示為內(nèi)聯(lián)元素，元素前后沒有換行符。

inline-block: 行內(nèi)塊元素。

list-item: 此元素會作為列表顯示。

inherit:規(guī)定應(yīng)該從父元素繼承 display 屬性的值。

常見元素默認屬性值

block: