padding与容器尺寸关系

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>