答案 0 :(得分:0)
所以,你想让菜单居中并坚持下去留下一个标志?
<div class="centered">
<div id="logo"></div>
<div id="menu"></div>
</div>
将它们包裹在一个div中心。 Float离开了徽标,右边是菜单。
Here你有jsfiddle。
告诉我这是否对你有帮助!
答案 1 :(得分:0)
也许这就是你的意思? https://jsfiddle.net/g8c8wp34/1/
HTML:
<div class="layout-wrapper">
<div class="logo">
Logo
</div>
<div class="menu">
<a href="#">item 1</a>
<a href="#">item 2</a>
</div>
</div>
<div class="layout-wrapper">
<div class="col col1"></div>
<div class="col col2"></div>
<div class="col col3"></div>
</div>
CSS:
.layout-wrapper {
width: 400px;
background: #ccc;
margin: 0 auto;
}
.logo {
position: absolute;
background: #ddd;
width: 60px;
margin-left: -60px;
}
.col {
width: 32%;
background: #cdcdcd;
border: 1px solid #999;
height: 30px;
float: left;
box-sizing: border-box;
}
.col1 {
margin-right:2%
}
.col3 {
margin-left:2%
}
或者这个(带有固定位置徽标):https://jsfiddle.net/g8c8wp34/2/