12月30, 2011

绝对定位的元素在IE6下莫名丢失解决办法

前几天做春运的页面时遇到的一个问题.

下面为形成此问题的代码:

此时.class名为"box"的元素在IE6下完全不见了.

经过测试.发现这个问题的形成条件:

  1. box为绝对定位的元素.
  2. box的相邻元素都为浮动元素.
  3. 相邻浮动元素的宽之和=其父级元素的宽.

解决办法:

  1. 设置其相邻浮动元素的margin;
  2. 在box外层加一层position:relative的包裹.

在网上看到别人还有很多其他的解决这个问题的办法.

例如插入空白DIV等.

但个人觉得还是第二种方法最好.

本文链接:https://75team.com/post/绝对定位的元素在ie6下莫名丢失解决办法.html

-- EOF --

Comments

评论加载中...

注:如果长时间无法加载,请针对 disq.us | disquscdn.com | disqus.com 启用代理。