关于IE6下绝对定位元素莫名消失的问题

一般来说,让绝对定位的元素不挨着浮动元素就OK了:

 

1.当绝对定位层的邻近浮动层的宽度不等于父层宽度时,以及没有清除浮动时,IE6/7,FF中显示一致;

2.当绝对定位层的邻近浮动层的宽度不等于父层宽度时,有清除浮动时,IE6/7不显示绝对定位层,FF显示;

3.当绝对定位层的邻近浮动层的宽度等于父层宽度时,以及没有清除浮动时,IE6不显示绝对定位层,IE7/FF显示;

4.当绝对定位层的邻近浮动层的宽度等于父层宽度时,有清除浮动时,IE6/7不显示绝对定位层,FF显示;

就目前来说我个人的解决办法有两条,第一取消浮动,第二让绝对定位的元素不要挨着浮动的标签。再者就是在绝对定位的层跟浮动层中间插个空的标签。

 

例如:

<div class="w">
        <div class="fl">浮动元素</div>
        <div></div> //*空的标签
        <div class="pa">绝对定位元素</div>
    </div>
posted on 2014-12-29 12:46  陶淘  阅读(196)  评论(0编辑  收藏  举报