padding与容器尺寸关系:
padding不支持任何形式的负值。
1、对于block水平元素
padding百分比均是相对于宽度计算,轻松实现正方形。
padding值暴走(指值偏大),一定影响尺寸;
width非auto,padding影响尺寸;
width为auto或者box-sizing为border-box,
同时padding值没有暴走,不影响尺寸
2、对于inline内联水平元素
padding百分比均是相对于宽度计算。
默认的高度宽度细节有差异
padding会断行
水平padding影响尺寸,垂直padding不影响尺寸,但是会影响背景色(占据空间)
利用这点:做分隔符<span style="padding: 16px 6px 1px;margin-left: 12px;border-left:2px solid;font-size: 0;"></span>
热门评论
楼主可以结合实例演示下就更完美了 ^_^