【html学习笔记】盒模型--宽度和高度，填充，边界

盒模型宽度和高度和我们平常所说的物体的宽度和高度理解是不一样的，css内定义的宽（width）和高（height），指的是填充以里的内容范围。
因此一个元素实际宽度（盒子的宽度）=左边界+左边框+左填充+内容宽度+右填充+右边框+右边界。

图片1

填充
元素内容与边框之间是可以设置距离的，称之为“填充”。填充也可分为上、右、下、左(顺时针)。

边界
元素与其它元素之间的距离可以使用边界（margin）来设置。边界也是可分为上、右、下、左
padding和margin的区别，padding在边框里，margin在边框外。

（摘自慕课网）