对于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相关
最后编辑于 :
©著作权归作者所有,转载或内容合作请联系作者
- 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
- 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
- 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...