關於盒模型

盒模型：

盒模型的分類：元素產生的盒子型別取決於display屬性，

display：none 不生成盒子

display:inline 行盒

display:block 塊盒，會自動換行

組成：margin外邊距 與其他盒子的距離，border邊框，padding 內邊距：邊框和內容之間的距離。content:內容的寬度和高度。

visibility:hidden 隱藏（隱藏之後，位置還在）

display：none隱藏（隱藏之後，位置不在了）

盒子尺寸的計算：

在box-sizing:content-box(預設情況)設定的只是內容的長寬，計算盒子大小的時候要加其他比如 border padding margin

在box-sizing:border-box的情況下，設定的是 內容+padding+border的尺寸。

視覺格式化模型：

css的一種機制，規定了頁面中多個盒子如何布局。

視口（viewport）：

可視視窗，通常指瀏覽器的可視區域。視口的大小僅受到瀏覽器可是視窗大小的影響，與內容無關。

包含塊（containing block）：

每乙個元素都有乙個包含塊，html的包含塊是初始包含塊，初始化包含塊是瀏覽器在渲染前自動生成的一塊區域。一般是（除開html）父元素的內容盒。

關於盒模型

一些css盒模型的比較重要的點滴。css盒模型 w3c標準中，width 和 height 指的是內容區域的寬度和高度。增加內邊距 邊框和外邊距不會影響內容區域的尺寸，但是會增加元素框的尺寸。一旦為頁面設定了恰當的 dtd，大多數瀏覽器都會按照w3c標準模式呈現內容。然而 ie 5 和 6 的呈現卻...

關於盒模型

盒模型是css布局的基石，它規定了網頁元素如何顯示以及元素間相互關係。css定義所有的元素都可以擁有像盒子一樣外形和平行空間。他有 外邊距 margin 邊寬 border 內邊距 padding 內容 content 如下圖 簡單來說 內容 content 就是盒子裡裝的東西，填充 padding...

關於js 盒模型

1 內容就比如我們所種植的農作物所佔據的範圍。2 填充 padding 是指所種植農作物至區域邊緣之間的距離。3 邊框 border 是指每一塊土地邊緣的厚度。4 外邊距 margin 是指一塊土地與另一塊土地之間的間距。padding是盒子內部，內容與邊緣的距離 padding的作用是控制內容子元...