如何使宽度为 100% 的 Logo 居中放置在顶部栏中?我觉得自己像个彻头彻尾的白痴哈哈。 margin: 0px auto 不工作..
HTML
<div id="topbar-fullwidth">
<div class="tb menu" id="unfoldMenu"></div>
<div class="tb logo"></div>
</div>
CSS:
#topbar-fullwidth {
width: 100%;
height: 42px;
background: #000;
border-bottom: 2px solid #000;
position: relative;
overflow: hidden;
}
.tb.menu {
width: 44px;
height: 44px;
float: left;
background: url('../images/icons/unfold_menu@2x.png') no-repeat;
background-size: 22px;
background-position: 10px 13px;
}
.tb.logo {
width: 140px;
height: 44px;
float: left;
margin: 0px auto;
display: block;
background: url('../images/logo@2x.png') no-repeat;
background-size: 125px;
background-position: 10px;
}
谢谢哈哈。
最佳答案
您不能在 float 元素上使用 margin:0 auto;
。因此,您需要删除 Logo 上的 float:left;
。
关于html - 将带有背景的 div 居中,在顶部栏内,宽度为 100%,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23106837/