CSS之標準盒模型與怪異盒模型

盒模型 首先，我們瞭解一下什麼是盒模型 CSS盒模型本質上是一個盒子，封裝周圍的HTML元素，它包括：邊距，邊框，填充，和實際內容。 盒模型允許我們在其它元素和周圍元素邊框之間的空間放置元素。 標準盒模型 總元素的寬度=寬度+左填充+右填充+左邊框+右邊框+左邊距+右邊距 總元素的高度=高度+左填充+右填充+左邊框+右邊框+左邊距+右邊距 如圖： 怪異盒模型 總元素的寬度=寬度 總元素的高度=高度

>>阅读原文<<