12、 CSS权威指南--第 8 章 （p316）内边距、轮廓和外边距

本章将介绍用于改变元素具体外观的 CSS 属性和值，包括元素四周的内边距、边框和外边距，以及可能出现的轮

8.1  基本元素框

文档中的每个元素都会生成一个矩形框，我们称之为元素框（element box）。这个框体描述元素在文档布局中所占的空间。

默认情况下，渲染出来的文档中，各矩形框的排布方式在视觉上不会出现重叠。

8.1.1  宽度和高度

width ： 适用于行内非置换元素、表格中的行和行组之外的所有元素，百分数相对于容纳块宽度。

height ：适用于行内非置换元素、表格中的行和行组之外的所有元素，百分数相对于容纳块高度。

8.2  内边距

紧邻元素内容区的是内边距（padding）。百分数相对于容纳块宽度。元素默认没有内边距。

 8.2.1   复值

padding 设置两个值的话，第一个代表上下padding ，第二个值代表左右 padding 。

如果是设置三个值的话，第一个 代表上， 第三个代表下，中间的代表右左。

8.2.2  单边内边距

padding-top 、padding-right 、 padding-bottom 、padding-left 。百分数值相对容纳块的宽度，所以，如果父元素的宽度变了，那么内边距也会变。