Question

我在Firefox中渲染导航时遇到问题。它在Chrome和Opera中很好用，但在Firefox中，整个导航分区都在右上角浮动。

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 auto”的属性边距。根据给出的信息，我也看到了铬左上角的导航。在那里看到它是正确的。

属性边距具有以下结构：右上角左下//谢谢PeeHaa

如果使用以下属性，则相同：margin-right，margin-left，margin-top和margin-bottom。这些是指定特定的保证金。

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

position:fixed;

或

position:absolute;

或

float:left/right;

将任何标记放入html。

在Firefox中css导航div浮动问题

1 个答案: