我使用 ul
和 li
创建了一个菜单,但它以相反的顺序显示。例如:
FAQ PRICING TOUR HOME 而不是预期的HOME TOUR PRICING FAQ
.header ul {
}
.header li {
list-style-type: none;
margin-left: 40px;
float: right;
}
<div class="header">
<ul>
<li><a href="">HOME</a></li>
<li><a href="">TOUR</a></li>
<li><a href="">PRICING</a></li>
<li><a href="">FAQ</a></li>
</ul>
</div>
我的代码有什么问题?
最佳答案
您应该只将 ul
float 到右侧。列表项应该以正确的(预期的)顺序向左浮动:
.header ul {
float:right;
}
// expected order. It's the default value if not overriden,
// therefore it is not realy needed
.header li
{
float:left;
}
关于html - 为什么用 ul li 元素创建的菜单以相反的顺序显示?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23737414/