padding属性指定框的padding区域的宽度。'padding'简写属性一次设置四周的填充，而其他填充属性只设置它们每一侧的填充和元素大小。valuepaddingpercentagevalueandblockelementpaddingpercentagevalueandinlineelement在内联元素中，padding:50%不会产生正方形。原因是根据CSS规范，inline元素的垂直padding会让strut出现，而strut本质上是一个inlineText，出现在contentarea区域，为了消除它，使用font-size:0的label元素的built-inpaddingol/ul列表有内置paddingol/li元素的built-inpadding-left，但是单位是px不是em；Chrome浏览器为40px；所以如果字体很小，间距会很宽；如果字体很大，序号会爬到容器外在开发过程中，为了序号与其他内容对齐，文字大小为12px或14px，padding-left为22px到25px的表单元素Built-inpadding所有浏览器input/textarea输入框都有内置padding所有浏览器button按钮都有内置padding有些浏览器选择下拉内置padding，比如FireFoxIE8+可以有内置padding所有浏览器radio/chexkbox单选框没有内置paddingButton主要在浏览器中去除空隙。按钮在不同的浏览器及其解决方案中具有不同的高度。我们使用button和label标签，使用绝对定位或者z-index隐藏按钮，然后让label标签for="btnid"指向按钮的idpadding和graphics。绘制三条和眼睛效果对于三条的效果，透明区域通过padding实现，第一条使用border-top，第三条使用border-bottom，第二条使用background-color:currentColor，依次控制第二条不覆盖padding的背景色，使用CSS3属性background-clip:content-box第二个例子同上padding和layout移动端1:1headerlayoutdiv{padding:50%;}配合margin实现轮廓布局和轮廓布局。两列自适应布局分别是对容器和子元素的两列自适应布局。
