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

原创于 2014-10-11 11:43:08 发布 · 234 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#css

HTML 同时被 2 个专栏收录

25 篇文章

订阅专栏

CSS

20 篇文章

订阅专栏

本文介绍了一种简单的CSS布局技巧，通过改变HTML元素的排列顺序来实现特定元素的右浮动效果，避免了复杂的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>