IE6绝对定位的bug及其解决办法
yqxbc 发布时间:08-29 来源:一起学编程 浏览:3次

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

  上面这段代码在IE6中定位错误。

  解决办法有两种:

  1、给父层设置zoom:1触发layout; 

  2、给父层设置宽度(width)。

  下面的这段代码在IE6下,bottom定位错误:

  解决办法和left定位类似:

  方法1是给父层设置zoom触发layout;

  方法2是给父层设置高度(height)。

  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外的任何值。

如果你有好的win10资讯或者win10教程,以及win10相关的问题想要获得win10系统下载的关注与报道。
欢迎加入发送邮件到657025171#qq.com(#替换为@)。期待你的好消息!