盒子模型，英文即box model。無論是div、span、還是a都是盒子，他們在網頁上都要佔據一定的空間，在進行布局的時候需要考慮他們所佔據的空間大小。
例外情況：、表單元素作為文字處理，不作為盒子模型計算。
盒子的屬性有5個：width、height、padding、border、margin。如下：
width和height：內容的寬度、高度（不是盒子的寬度、高度）。
padding：內邊距。
border：邊框。
margin：外邊距。
通過css的屬性box-sizing設定盒子模型的型別，該屬性值有兩個：
content-box：表示標準盒子模型
border-box：表示ie盒子模型
標準盒子模型佔據空間計算方式（橫向為例）：
橫向佔據空間=width + paddingleft + paddingright + borderleft + borderright + marginleft + marginright
ie盒子模型佔據空間計算方式（橫向為例）：
橫向佔據空間=width + marginleft + marginright
網頁盒子模型
網頁盒子模型存在兩種 1 標準w3c盒子模型 2 ie盒子模型 ie瀏覽器預設的模型 在兩種不同模型網頁裡，定義了相同css屬性的元素顯示效果是不一樣的，下面就用公式來區分這兩種不同的盒子模型。1 標準w3c盒子模型 寬 width padding left padding right margin...
0416 盒子模型
css盒子模型樣式 定義 margin 外邊距，圍繞在元素邊框的空白區，在元素外建立額外的空白。border 邊框，圍繞元素內容和內邊距的一條或多條線。padding 內邊距，在邊框和內容區之間。屬性 margin 外邊距也叫作空白 接受任何長度單位，百分數值和負值，還可設定為auto。margin...
3 盒子模型
盒子模型是我學習css中使用頻率最高的模型，其中主要還是理解整個盒子的構成，以及其中各屬性的作用，最重要的問題就是合併巢狀問題。盒子模型 外邊距margin 邊框border 內邊距padding 內容 border color 邊框顏色 border width 邊框寬度 border style...