height 和 width 属性用于设置元素的高度和宽度。

height 和 width 属性不包括内边距、边框或外边距。它设置的是元素内边距、边框以及外边距内的区域的高度或宽度。

注意：当宽度的单位设置为百分比（％）时，拖动浏览器窗口会同时改变宽度的大小。

实例代码：

box-sizing属性保持元素宽度，如果增加内边距，则可用的内容空间会减少。

实例代码：

CSS width 属性指定元素内容区域的宽度。内容区域是元素（盒模型）的内边距、边框和外边距内的部分。

实例代码

当我们在设置内边距时，可以使用padding 简写形式来设置内边距。

实例代码：

CSS padding 属性用于在任何定义的边界内的元素内容周围生成空间。

实例代码：

当一个元素包含在另一个元素中时（假设没有内边距或边框把外边距分隔开），它们的上和/或下外边距也会发生合并。

实例代码：