我们都知道，设计员在设计时，很多时候在特殊布局的时候需要用到绝对定位。

绝对定位 在大部分情况下表现得非常好，但如果设置不当，会引起一些特殊浏览器如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
 

本站技术原创栏目文章均为中睿原创或编译，转载请注明：文章来自中睿，本站保留追究责任的权利。