absolutely positioned element and percentage width

absolutely positioned element and percentage width

Firefox 截图

IE6截图

Definition of 'containing block': ... 4. If the element has 'position: absolute', the containing block is established by the nearest ancestor with a 'position' of 'absolute', 'relative' or 'fixed'...

( CSS2.1 10.1).

定义包含块：如果元素是绝对定位的 ("position: absolute") ，它的包含块是离它最近的 相对定位 ，绝对定位，或 固定定位的元素 (a 'position' of 'absolute' ,'relative' or 'fixed')。

Note: For absolutely positioned elements whose containing block is based on a block-level element, the percentage is calculated with respect to the width of the padding box of that element. This is a change from CSS1, where the percentage width was always calculated with respect to the content box of the parent element ...

( CSS2.1 10.2).

注意：对绝对定位来说它的包含块是基于块级元素 ( block-level element )的 ，百分比是参照那个元素的 padding box 计算的。