设置盒子的宽高属性，实际上设置的是盒子内容区的宽高。比如： ``` div{ width: 100px; height: 100px; } ``` 而盒子实际占据的区域的宽高，可以这样来计算： 盒子所占宽： ``` margin-left + border-left + padding-left + width + padding-right + border-right + margin-right ``` 盒子所占高： ``` margin-top + border-top + padding-top + height + padding-bottom + border-bottom + margin-bottom ``` 除了这两个基本宽高属性，还有以下4个范围限定性宽高属性，有时候也会用一用： min-width： 设定最小宽度 max-width： 设定最大宽度 min-height： 设定最小高度 max-height： 设定最大高度