`

IE6/IE7/IE8下float:right显示异常的解决方法

css 
阅读更多

       最简单的方法就是调换顺序,将需要右浮动的元素写在前面。

        <ul class="circleBtns">
            <li id="xiaozhao" class="hb_cb">
                <a href=""></a></li>
            <li id="shezhao" class="hb_cb">
                <a href=""></a></li>

            <li id="geren" style="float:right" class="hb_cb">
                <a href=""></a>
            </li>

        </ul>

改成:


        <ul class="circleBtns">

            <li id="geren" style="float:right" class="hb_cb">
                <a href=""></a>
            </li>

            <li id="xiaozhao" class="hb_cb">
                <a href=""></a></li>
            <li id="shezhao" class="hb_cb">
                <a href=""></a></li>
        </ul>

 

分享到:
评论

相关推荐

    E7 float:right 时元素换行出现在下一行的bug解决方法

    标题提到的问题是这样的:如果在一系列并排的块级元素中,只有最后一个元素设置了`float:right`,在IE7中,这个设置了浮动的元素不会像预期那样靠右显示,而是会跳转到下一行。这个问题的示例代码如下: ```html ...

    div错位解决IE6IE7IE8样式不兼容问题

    5. **解决IE6/7/8的min-width/min-height问题**:IE6、IE7和IE8对于`min-width`和`min-height`的支持有限,可以使用以下方法来兼容这些版本的IE: ```css #box { width: 80px; height: 35px; } ...

    IE7 float:right 右浮动时元素换行错位的bug解决方法

    本文将详细讨论`float:right`在IE7中遇到的元素换行错位问题以及如何解决这个问题。 首先,我们需要理解`float`属性的工作原理。`float`属性允许元素脱离其正常文档流,向左或向右移动,直到其边缘碰到容器的边框或...

    DIV+CSS相对IE6、IE7和IE8的兼容问题

    标题和描述均提到了“DIV+CSS相对IE6、IE7和IE8的兼容问题”,这揭示了在Web开发中,尤其是针对老旧浏览器如IE6、IE7和IE8进行CSS布局时,开发者可能遇到的一系列挑战。这些浏览器在解析CSS规则时存在独特的行为,...

    CSS兼容IE6,,IE7,I8 FIREFOX

    本文将详细解析如何通过CSS技巧来解决跨浏览器兼容性问题,特别是针对IE6、IE7、8以及Firefox等浏览器的兼容性处理方法。 #### 二、CSS Hack概述 **CSS Hack**是一种特定的技术手段,用于编写能够被某些特定浏览器...

    div错位解决IE6、IE7、IE8样式不兼容问题IE6里DIV错位的问题.doc

    本文档主要关注在IE6、IE7、IE8中遇到的一个典型问题——**DIV错位**,并提供了解决方案。 #### 二、DIV错位现象分析 在文档中提到,采用`float: left;`样式的DIV在IE8和IE7中表现正常,但是在IE6中会出现向下偏移...

    CSS完美兼容IE6IE7FF的通用方法

    ### CSS完美兼容IE6、IE7与Firefox的通用方法详解 在Web开发的历史长河中,浏览器兼容性一直是开发者面临的重大挑战,尤其是处理早期版本的Internet Explorer(IE6和IE7)与现代浏览器如Firefox之间的差异。本文将...

    IE6,IE7,IE8兼容性问题

    ### IE6, IE7, IE8 兼容性问题详解 #### 一、引言 在Web开发过程中,确保网站能够在各种不同的浏览器中正常显示是非常重要的。尤其是在早期的Web时代,Internet Explorer(简称IE)系列浏览器占据着重要的市场份额...

    最全的CSS浏览器兼容问题整理(IE6.0、IE7.0 与 FireFox)

    解决这个问题的一个常见方法是在IE6下为该元素添加`display: inline;`。 ```css #IamFloat { float: left; margin: 5px; /* 其他浏览器使用5px */ *margin: 10px; /* IE6/7使用10px */ display: inline; /* ...

    最全的CSS浏览器兼容问题整理(IE6、IE7)

    掌握这些技巧,可以帮助开发者有效地解决CSS在IE6和IE7中的兼容性问题,使得网站在各种浏览器下都能呈现一致的视觉效果。随着技术的发展,现代浏览器对CSS的支持已经大大增强,但仍需关注老版本浏览器的兼容性,尤其...

    div+css兼容ie6ie7ie8ie9和FireFoxChrome等浏览器方法[借鉴].pdf

    本文将深入探讨如何使CSS样式兼容IE6、IE7、IE8、IE9以及Firefox、Chrome等现代浏览器。 1. **DOCTYPE声明的影响**: DOCTYPE声明对于浏览器的渲染模式至关重要。在HTML文档的顶部加入正确的DOCTYPE,如`&lt;!DOCTYPE...

    IE6,7,8兼容

    本文主要针对IE6、IE7和IE8以及Firefox浏览器在DIV+CSS布局下的兼容性问题进行分析,并提供一系列解决方案。 #### 二、CSS兼容性技巧 ##### 1. **垂直居中** - **问题描述**:在某些情况下,需要将文字或元素在...

    如何让div+css兼容ie6 ie7 ie8 ie9和FireFox Chrome等浏览器.pdf

    针对标题提及的"如何让div+css兼容ie6 ie7 ie8 ie9和FireFox Chrome等浏览器",这里将详细讨论一些关键的CSS兼容性问题及解决方案。 1. **DOCTYPE的影响**: DOCTYPE声明会影响浏览器进入何种文档模式。在HTML4或...

    CSS兼容IE6,IE7和FF的总结 .

    ### CSS兼容IE6, IE7和Firefox的技巧与总结 #### 概述 在Web开发过程中,确保网页在不同浏览器中的兼容性是一项重要的任务。早期的浏览器如Internet Explorer 6 (IE6)、Internet Explorer 7 (IE7) 以及 Firefox 对...

    IE678个人总结的式样问题

    根据提供的信息,我们可以总结出以下IT知识要点,主要聚焦于IE6、IE7与IE8浏览器中的样式兼容性问题及解决方案: ### 一、IE6/IE7/IE8 浏览器兼容性概述 #### 1. **文档声明与X-UA-Compatible** - 在网页头部加入...

Global site tag (gtag.js) - Google Analytics