html – 如何更改浮动元素的顺序?

我几乎不使用浮动:在我的CSS中,现在我做了,并遇到了一个恼人的问题.我将菜单项浮动到右侧

我的HTMl

<ul id="extMenu">
        <li>
            <a href="#">Home</a>
        </li>
        <li>
            <a href="#">Feedback</a>
        </li>
        <li>
            <a href="#">Contact</a>
        </li>
    </ul>

我的CSS

#extMenuBlock {
    }
        #extMenuBlock ul#extMenu { 
            list-style:none;
            padding:0;
            margin:0; 
        }
        #extMenuBlock ul#extMenu li { 
            float:right;
            padding:5px; 
        }

现在,当项目浮动时,我收到我的菜单是这个订单联系反馈主页,但我希望它们的顺序相反,即主页反馈联系

解决方法

使用display:inline on< li>可能会导致问题,特别是如果你最终选择下拉菜单的话.我推荐类似的东西(只有花车展示,你知道你想要添加的其他样式):

#extMenu { float: right; }
#extMenu li { float: left; }

因此菜单本身将浮动到右侧,而菜单项将浮动到左侧.

另一种解决方案是简单地颠倒你的< li>的顺序

相关文章

HTML代码中要想改变字体颜色,常常需要使用CSS样式表。CSS是...
HTML代码如何让字体盖住图片呢?需要使用CSS的position属性及...
HTML代码字体设置 在HTML中,我们可以使用标签来设置网页中的...
在网页设计中,HTML代码的字体和字号选择是非常重要的一个环...
HTML(Hypertext Markup Language,超文本标记语言)是一种用...
外链是指在一个网页中添加一个指向其他网站的链接,用户可以...