css学习--padding

  • 对于block水平元素, 当box-sizing:border-box;或width非auto; padding大小超过宽高时影响尺寸。
  • 对于inline水平元素,垂直padding不影响尺寸,但是影响背景色(会占据空间)。当超过父级盒子高度,改元素scrollHeight改变
  • 可以用 span border 加padding实现高度可控的 分割线 a | b
  • padding不支持任何形式的负值,百分比值是相对于宽度计算的
  • inline元素默认的高度宽度细节有差异, 空inline+padding高宽也不等,会出现空白节点(strut),需要设置font-ize:0;