padding相关

  • 对于block水平元素
    1、padding值暴走,一定会影响尺寸;
    2、width非auto,padding影响尺寸;
    3、width为auto或box-sizing为border-box,同时padding值没有暴走,不影响尺寸
    *对于inline水平的元素
    1、水平padding影响尺寸,垂直padding不影响尺寸。
    2、垂直padding会影响背景色(占据空间)

  • padding不支持负值

  • padding的百分比,是根据父元素宽度计算的。

  • inline元素的padding:
    1、同样是相对于宽度计算
    2、默认的高度宽度细节有差异(由于内联元素中strut“空白节点”存在,有font-size,故高度比宽度大)
    3、padding会断行(空间不够导致换行)

  • background-clip:content-box,让背景色只在内容区域显示。

你可能感兴趣的:(padding相关)