陈成的博客

IE6下百分比宽高设置原理February 4, 2010

结构

<div id="A"><div id="B"><div id="C"></div></div></div> 

情景

1. A 的 position 为 relative 或 absolute，或者 A 为 body (定位元素)
2. B 的 position 不为 relative 或 absolute (非定位元素)
3. C 的 position 为 absolute (绝对定位元素)

问题

1. C 的百分比宽度受以下影响：
• B 的 margin, padding
• A 的 padding
2. C 的百分比高度受以下影响：
• C 设置filter后，会导致百分比高度失效
3. B 设置 layout 后，C的百分比宽高即以B为参照。