|-----------------------------------------------| |
| maggin | |
| |--------------------------------------------| |
| | border | |
| | |--------------------------------------| | |
| | | padding | | |
| | | |-------------------------------| | | |
| | | | | | | |
| | | | | | | |
| | | | content | | | |
| | | | | | | |
| | | | | | | |
| | | |-------------------------------| | | |
| | |--------------------------------------| | |
| |--------------------------------------------| |
|-------------------------------------------------|
盒子模型是由margin（邊界）、border（邊框）、padding（空白）和content（內容）幾個屬性組成。
margin: 外邊距(和其他盒子的間距)
border: 邊框
padding: 內邊距（內容到邊框的距離）
content: 內容大小
所以實際大小應該是：size = content + padding + border