html - 如何制作带有背景颜色的顶部 wrapper (？)

Question

首先，我对这个真的很陌生，如果我听起来很蠢，我很抱歉;_;。现在，我正在尝试为我的列表项设置背景色。就像这个网站一样，带有 Logo 的黑色栏、搜索栏等。我尝试在所有地方包装 div，但似乎没有任何效果。

HTML

<nav class="nav-menu">
    <div class="container">
        <ul>
            <li>About Us</li>
            <li>Staff</li>
            <li>Schedule</li>
            <li>Home</li>
        </ul>
    </div>
</nav>

CSS

.nav-menu ul {
margin-right: 50px;
}
.nav-menu li {
list-style: none;
display: inline;
margin-left: 30px;
float: right;
color: red;
}
.container {
color: black;
}

http://jsfiddle.net/Hm4KJ/

Answer 1

将 overflow 设置为 auto 以显示 .content div 中的所有内容(现在所有内容都是 hidden 因为你使用 float 属性)

.container {
   background: black;
   overflow:auto;
}

我想这是一个错字，无论如何，你应该设置 background 属性而不是 color 来设置背景颜色。

Example