本文承接CSS2.1SPEC：视觉格式化模型之width属性详解(上)，继续分析CSS视觉格式化模型中width以及相关值的计算问题： 注：与上节不同，本节的demo中由于出现了float,absolute等定位方式，因此为了便于效果显示，所有的demo都把body的m ...
本文承接CSS2.1SPEC：视觉格式化模型之width属性详解(上)，继续分析CSS视觉格式化模型中width以及相关值的计算问题： 分别标记一下各个宽度： 我们的container有10px的padding，对于正常流中的块级元素来说，在水平方向上，默认就是紧贴包含块的content area左侧的，而这个位置和content area的padding edge的距离就是padding-left。
在demo4中，我们定义了一个绝对定位的元素，并且width，left和margin都是默认的auto值，可以看到元素的width是按照"shrink-to-fit"得出的，而left值被设置为了static position的位置，这里其实就是包含块的padding-left：10px。置于right值，虽然浏览器的调试工具并没有给出具体right值的used value，但还是有理由相信浏览器会根据标准中的规则计算相应的值。
原标题：CSS2.1SPEC：视觉格式化模型之width属性详解(下)
关键词：CSS
*特别声明：以上内容来自于网络收集，著作权属原作者所有，如有侵权，请联系我们：
admin#shaoqun.com
（#换成@）。
