我有一个名为 menu 的 div,在其中我想要一个导航栏 div 和一个搜索 div。我希望导航保持在菜单 div 的中心,搜索 div 向左(或向右)。我尝试了这段代码,但是当我将位置设置为绝对时,将导航的左右边距设置为自动不起作用。
CSS 代码:
.menu{
width: 100%;
height: 65px;
margin-bottom: 0.5%;
}
.search{
width: 300px;
height: 65px;
float:left;
z-index: 1;
position:absolute;
}
.navigation{
height: 65px;
margin-left: auto;
margin-right: auto;
z-index: 0;
display:inline-block;
position: absolute;
}
HTML 代码:
<div class="menu">
<div class="navigation">
.
.
.
</div>
<div class="search">
.
.
.
</div>
</div>