html - 在站点徽标 css 下方放置菜单栏

Question

所以这是我的样机设计：

下面是我的示例 CSS：

.menu{
padding: 32px;
background-color: #cc6666;
opacity: 0.5;
filter: Alpha(opacity = 50); /* IE8 and earlier */
clear: both;
margin: 0 auto;
width: 100%;
text-align: center;
}

但它并没有像我的模型中那样做。需要你的帮助。谢谢。

更新：

http://jsfiddle.net/qdhcQ/

Answer 1

您似乎没有为徽标添加标记。

所以添加标记：

<div class="logo"></div>

在CSS中

.logo
{
    height: 50px;
    background: brown;
}

小提琴