css盒子模型的屬性介紹

1、內容區，是盒子模型必備的組成部分。

有三個屬性：width、height、overflow，（width、height 屬性所包含的範圍決定了它是哪種盒子模型，在最後解釋），overflow 指定當內容溢位區域的寬度或高度時，溢位的處理方式。

2、內邊距，指內容區和邊框之間的空間。

有五個屬性：padding-top、padding-bottom、padding-left、padding-right 和 padding。

3、外邊距，指兩個盒子之間的距離，可能是子元素和父元素之間，也可能時兩個兄弟元素之間。

有五種屬性：margin-top、margin-bottom、margin-left、margin-right 和 margin，取值可以為負數，即向反方向偏移。

當只有父元素存在時，margin 相對於父元素而言；當既有父元素，又有兄弟元素時，該元素會向四個方向看看有沒有兄弟元素存在，如果這個方向有兄弟元素，這個方向的 margin 就相對於兄弟元素而言，否則相對於父元素而言。

4、邊框。

和之前提到的邊框相同類似。

以上就是css盒子模型的屬性介紹，希望對大家有所幫助。更多css學習指路：

本文轉載於掘金，如有侵犯聯絡作者修改。