html - div 填充背景颜色作为顶栏

Question

我试图在中间显示一个带有徽标图像的水平顶栏。图像位于页面左侧，垂直居中。如何在顶部栏的中心获取图像？这是我的代码：

<div class='topbar'>
        <img src="../../img/headerlogo.png" class="topbarlogo"/>
    </div>

CSS：

div.topbar {
    height: 80px;
    width: 100%;
    background-color: #000000;
    margin-top: 0px;

}
.topbarlogo {
    display: block;
    position: absolute; 
}

Answer 1

你在 css 中拼错了你的班级，'topbor' 应该是 topbar。

另外添加：-

margin-left: auto;
margin-right: auto;

Answer 2

摆脱规则.topbarlogo并简单地text-align:center为您的 div 设置规则。

jsFiddle 示例

Answer 3

你需要清除浮动。在下面创建以下 div：

<div style="clear:both;"></div>

应该做的伎俩。