|-----------------------------------------------| |
| maggin | |
| |--------------------------------------------| |
| | border | |
| | |--------------------------------------| | |
| | | padding | | |
| | | |-------------------------------| | | |
| | | | | | | |
| | | | | | | |
| | | | content | | | |
| | | | | | | |
| | | | | | | |
| | | |-------------------------------| | | |
| | |--------------------------------------| | |
| |--------------------------------------------| |
|-------------------------------------------------|
盒子模型是由margin（边界）、border（边框）、padding（空白）和content（内容）几个属性组成。
margin: 外边距(和其他盒子的间距)
border: 边框
padding: 内边距（内容到边框的距离）
content: 内容大小
所以实际大小应该是：size = content + padding + border