Firefox 中的 css 导航 div float 问题

Question

我在 Firefox 中呈现导航时遇到问题。在 Chrome 和 Opera 中很好，但在 Firefox 中，整个导航 div float 在右上角。

HTML:

<nav class="table">
    <ul id="menu">
        <li><a href="#">Business</a></li>
        <li><a href="#">Specialities</a></li>
        <li><a href="#">Contact us</a></li>
    </ul> 
</nav>

CSS 是:

.table {
    display: table;
    margin: 0 auto;
    background: #ffe;
}


ul#menu {
    min-width: 100%;
    list-style: none;
    margin: 1em 0 1em 0;
}

ul#menu li {
    display: inline;
    margin: 3em;
    padding: 0;
}

ul#menu li a {
    font-weight: bold;
    font-size: 1em;
    text-decoration: none;
    text-transform: uppercase;
}

Answer 1

您将其设置为“0 自动”的属性边距。根据给出的信息，我也可以在 chrome 的左上角看到导航。在那里看到它是正确的。

属性边距的结构为:top right bottom left//Thank you PeeHaa

如果使用以下属性也是一样的:margin-right, margin-left, margin-top 和 margin-bottom。这些是为了指定特定的边距。

如果这不能回答你的问题，那么你必须看看你有没有一些

position:fixed;

或

position:absolute;

或

float:left/right;

对于您的 html 中的任何标记。