Html 我用什么来放置CSS菜单'；是并排的吗？

我希望这是在页面底部，但我忘了如何把它们并排，我知道它是

float:left如果使用两次相同的id（#cssmenuuu），那么一个id在页面上应该是唯一的。所以用类来代替。为id和类命名很重要，需要具有描述性

下面是一个工作示例


代码说明：

<style type="text/css">
/*quick reset for margin and padidng*/
*{margin:0; padding:0}

/*makes sure the container does not collapse*/
.container{
    overflow:hidden;
}

/*float the get the elment next to each other*/
.menu{
    width:125px;
    background:black;
    padding:10px 4px;
    list-style:none;
    float:left;
    margin-left:10px;
}


.menu a{
    color:#fff;
    text-decoration: none;
}
</style>

<!-- container has overflow hidden so it does not collapse -->
<div class="container">
    <!-- no extra div is needed for the menu's -->
    <!-- both have the same class and are floated -->
    <ul class="menu">
        <li><a href="#">Link</a></li>
        <li><a href="#">Link</a></li>
        <li><a href="#">Link</a></li>
    </ul>

    <ul class="menu">
        <li><a href="#">Link</a></li>
        <li><a href="#">Link</a></li>
        <li><a href="#">Link</a></li>
    </ul>
</div>


/*边距和焊盘的快速复位*/
*{边距：0；填充：0}
/*确保容器不会折叠*/
.集装箱{
溢出：隐藏；
}
/*让爱尔门浮在一起*/
.菜单{
宽度：125px；
背景：黑色；
填充：10px 4px；
列表样式：无；
浮动：左；
左边距：10px；
}
.菜单a{
颜色：#fff；
文字装饰：无；
}










我想你们需要一个菜单项并排出现。
这是菜单项并排摆弄的地方。

在这里更改了rik的代码

#cssmenuu ul li {
    display: block;
    float: left;
    width: 100%;
    margin: 0;
    padding: 0;
    background: #161616;
}

添加了浮动：左

---

正如@Rik指出的，您在文档中使用了两个ID。

您的问题还不清楚。具体来说，你想实现什么？我希望两个css菜单以这样的水平形式并排放置。向下滚动到底部。