CSS权威指南第五弹：内边距、边框和外边距

宽度和高度
1.一个元素的width被定义为从做内边界到右内边界的距离，height被定义为上边界到下边界的距离。
2.这两个属性很重要的一点是：它们不能应用到行内非替换元素。
3.如果在行内非替换元素声明了width和height,浏览器会忽略。

外边距 margin

值：<length> | <precentage> | auto | inherit

长度值与外边距
margin: top right buttom left 上右下左

百分数与外边距
对外边距的设置可以为百分数。百分数是相对于父元素的width计算的。这不仅应用于左右外边距，也应用于上下外边距。

值的复制
(1)如果外边距指定了三个值，则第二个值由第三个值复制
(2)如果给定了两个值，则第四个值根据第二个复制，第三个根据第一个复制
(3)如果给定了三个值，则剩下三个根据第一个复制

单边外边距属性
margin-top、margin-right、margin-bottom、margin-left

负外边距和外边距的合并
可以见上一节

外边距和行内元素
外边距还可以应用到行内元素，不过效果稍有不同。为行内替换元素设置margin-top,margin-bottom，并不生效。因为向一个行内非替换元素应用外边距，它对行高并没有影响。为行内替换元素设置margin-left,margin-right࿰