今天在项目中碰到了一个位置:

例:如下

<div style="position:relative;">
    <div style="text-align:center;"><span style="display:inline-block;height:24px;text-align:center;width:80px;background:red;"></span>(只要这里面有内容)</div>
    <div style="width:80px;height:24px;position:absolute;top:0;left:0px;background:green;"></div>
</div>

其它浏览器表现正常,第二个DIV在父元素的左边对齐,其在IE6中会以第一个子DIV元素为参考点,表现与其它的浏览器不一致

 

经过研究才知道是IE6的问题,解决办法是触发IE6的layout,给父元素加个width:100%或zoom:1来解决

相关文章:

  • 2022-12-23
  • 2021-12-17
  • 2021-10-19
  • 2021-08-01
  • 2021-07-31
  • 2021-07-03
  • 2021-10-19
猜你喜欢
  • 2022-02-24
  • 2021-08-25
  • 2021-06-13
  • 2021-10-31
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
相关资源
相似解决方案