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