本文深入探讨了在正常流中，块级元素如何遵循其宽度等于父元素宽度的规则，并解释了当开发者指定margin-left、margin-right及width值时，这一规则如何被打破。文章还分析了在属性值总和不超过父元素宽度时，如何利用auto值实现元素水平总和等于父元素宽度的效果。
1、首先这是一个用户代理规则：正常流中块级元素框的水平的总和就等于父元素的width；
2、其次，由于在层叠样式规则中，创作者的样式权重大于用户代理的样式权重；
3、所以 当开发者都给出了margin-left、margin-right、width的明确值就会
破坏这个“正常流中块级元素框的水平的总和就等于父元素的width”规则；
或者给出的某一个属性具体值超过了父元素的width也不会适应这个规则
4、这个规则的应用是：前提是两个属性的值的和不超过父元素的width值，当三个属性某一个或某两个使用auto值，达到该元素的水平总和等于父元素的width的效果
扫一扫
评论
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
查看更多评论
添加红包
