ie6的absolute定位bug

编程技术  /  houtizong 发布于 3年前   60

 今天在设定几个绝对定位的元素出现问题，本来将元素的position设为absolute后定位，元素会参照最近的一个position为relative的祖先元素（如没有，则参照body）来定位，可是IE6下的位置却十分离谱。

百度之：

position:absolute定位在IE6下存在left和bottom的定位错误问题。

解决办法有两种：1、给父层设置zoom:1触发layout。 2、给父层设置宽度（width）。

IE6中很多Bug都可以通过触发layout得到解决，以上的解决方法无论是设置zoom:1还是设置width和height其实都是为了触发layout。下列的CSS属性或取值会让一个元素获得layout：

position:absolute 绝对定位元素的包含区块(containing block)就会经常在这一方面出问题

float:left|right 由于layout元素的特性，浮动模型会有很多怪异的表现；

display:inline-block 当一个内联级别的元素需要layout的时候就往往符用到它，这也可能也是这个CSS属性的唯一效果----让某个元素有layout；

width: 除auto外的任何值；

height: 除auto外的任何值；

zoom: 除auto外的任何值；