詳細認識一下CSS盒子模型

定義 CSS把每個元素看成是一個個單獨的框，這裏就叫它「元素框」吧。而CSS 盒子模型 (Box Model) 可以理解成一種規範，它規定了元素框處理其「最裏邊的內容區域（例如文本，圖像等）」、「內容周圍填充的區域」、「邊框」 和「邊界區域」的方式。 PS: 爲了方便區分概念，通常也會把「填充」叫做「內邊距」，把「邊界」叫做「外邊距」。 元素框的最內部分是實際的內容，直接包圍內容的是內邊距。內邊距

>>阅读原文<<