Question

我正在构建导航，当我将margin-left: 20px放在我的nav ul li上时，它正在将div从右侧向外推。文字对齐是对的。有趣的是，如果我在float: left上将loat: right切换为f nav ul li，则不会将文本推出，但它会反转订单。

请保持温柔，我对这个东西很陌生：）

这是HTML：

<nav>
    <ul>
        <li><a href="#">About</a></li>
        <li><a href="#">Work</a></li>
        <li><a href="#">Contact</a></li>
        <li></li>
    </ul>
</nav>

CSS：

nav {
    margin: 20px 0;
    float: right;
}
nav ul li, nav ul li a {
    text-align: right;
    float: left;
    font-size: 20px;
    color: #ff5800;
}
nav ul li {
    margin-left: 20px;
}
nav ul li a:hover {
    color: #44cc00;
}

谢谢！杰森

Answer 1

不是100％我理解这个问题，但是空的李（在你的前3点之下）是否会给人的印象是它在'错误'一侧增加了保证金？

margin-left是在div的右侧添加空格

1 个答案: