1. padding 与元素的尺寸
padding 会增加元素的尺寸, 如果 padding 值足够大，设置了 box-sizing:border-box也会无效。relative 元素的定位、盒阴影 box-shadow 以及 outline 不会影响其他元素布局而是出现层叠效果。但这种层叠现象分为两类：一类是纯视觉层叠，不影响外部尺寸；另一类则会影响外部尺寸。区分的方式很简单，如果父容器 overflow:auto，层叠区域超出父容器的时候，没有滚动条出现，则是纯视觉的；如果出现滚动条，则会影响尺寸、影响布局。
内联元素 padding可以实现：在不影响当前布局的情况下，增加链接或按钮的点击区域大小。块级元素设置 padding-top:50px 会影响布局，但是内联元素不会。
2. padding 的百分比值
padding 属性是不支持负值的，padding 支持百分比值，但是，和 height 等属性的百分比计算规则有些差异，差异在于：padding 百分比值无论是水平方向还是垂直方向均是相对于宽度计算的。在具有块状特性的元素上padding设置百分比可以实现屏幕适配。
内联元素中的padding会断行。内联元素的垂直 padding 会让“幽灵空白节点”显现（第三章中有讲到内联元素前面有个空白节点），由于内联元素默认的高度完全受 font-size 大小控制，因此可以将font-size 的值设为0来解决问题。
3. 标签元素内置的 padding
ol/ul 列表内置 padding-left，但是单位是 px 不是 em。font-size 是 12px 至 14px 时，22px 是比较好的一个 paddingleft 设定值，所有浏览器都能正常显示，且非常贴近边缘。

4. 只要宽度设定，margin 就无法改变元素尺寸，这和 padding 是不一样的。两端对齐实现，可以通过给父容器添加负margin来实现

和 padding 属性一样，margin 的百分比值无论是水平方向还是垂直方向都是相对于宽度计算的。