1.padding百分比值是相对于水平和垂直方向的宽度计算的；2、实现固定长宽比5:1的页眉效果（兼容IE6）.box{padding:10%50%;位置：相对；}.box>img{位置：绝对；宽度：100%；高度：100%；左：0；top:0;}3.paddingandGraphicdrawing.icon-menu{display:inline-block;宽度：140px；高度：10px；填充：35px0；border-top:10pxsolid;border-bottom:10pxsolid;背景颜色：currentColor；background-clip:content-box;}.??icon-dot{display:inline-block;宽度：100px；高度：100px；填充：10px；边框：10px实心；边界半径：50%；content-box;}4.尺寸理解元素尺寸：对应jQuery中的$().outerWidth()和$().outerHeight()方法，包括padding和border，即元素边框的尺寸元素。在原生DOMAPI中写入offsetWidth和offsetHeight，因此有时也称为“元素偏移大小”。元素内部大小：对应jQuery中的$().innerWidth()和$().innerHeight()方法，表示元素内部区域大小，包括padding但不包括border，即paddingbox的大小的元素。在原生DOMAPI中写入clientWidth和clientHeight，因此有时也被称为“元素视觉尺寸”。元素外部尺寸：对应jQuery中的$().outerWidth(true)和$().outerHeight(true)方法，表示元素的外部尺寸，不仅包括padding和border，还包括margin，也就是元素大小的边距框。没有相应的原生DOMAPI。
