Question

我正在搞乱我的CSS-Framework的导航栏。我到目前为止所获得的代码将链接在一个hastebin中。问题是，“li”将不会以正确的顺序显示。希望有人可以帮忙！

问题：https://gyazo.com/c61e26cad3048a85eb40cd9dfa6b83d0

 nav {
    display: block;
    width: 100%;
}

.navbar {
    background: #f96e5b;
    width: 100%;
}

.navbar-fixed-top {}

.navbar ul {
    list-style: none;
    margin: 0;
    padding: 0;
    line-height: 1;
    display: block;
    zoom: 1;
}

工作小提琴：https://jsfiddle.net/tkL4f920/

感谢您的帮助。

Answer 1

包裹＆＃34;你＆＃34; ＆＃34;今天＆＃34;如果您希望保留订单，请使用带导航栏的div。

<div class="navbar">
        <ul>
            <li class="navbar-left"><a href="#">Hi</a></li>
            <li class="navbar-left"><a href="#">How</a></li>
            <li class="navbar-left"><a href="#">are</a></li>
            <div class="navbar-right">
                <li class="navbar-left"><a href="#">you</a></li>
                <li class="navbar-left"><a href="#">today</a></li>
            </div>
        </ul>
</div>

这很好用。 https://jsfiddle.net/tkL4f920/1/

CSS Navbar输入顺序不正确？

1 个答案: