有的时候需要特殊布局的时候需要用到绝对定位。
绝对定位 在大部分情况下表现得非常好。
但如果设置不当,会引起一些特殊浏览器如IE 6 7 的一些兼容性bug
- 1. reflow bug ,
内部有绝对定位的时候,务必要确保外层 relative dom 的盒模型成型: 就是 类似zoom:1 ,是否有高度,让浏览器知道节点dom有比较明确的盒模型。就不会引起reflow bug 或者会引起定位不准的问题。 - 2. 定位属性避免单一
position:absolute 的时候确保定位属性(top right bottom left) 至少两项~ 如果只设置一项 left 在IE7下有些时候会引起定位不准的问题 - 3. 定位 1 像素偏移
IE6下,设置 right 或者 bottom值的时候避免 父容器(relative)的高宽是奇数,否则会引起1像素误差偏移bug
飞鱼 ^_^ 浆抱罗斯‘s blog


