我必須以div爲中心,直到這裏一切都清楚了,但是,我需要在另一個div的左邊關閉。如何讓div關閉到另一個div
沒有boht居中,只居中一個div並保持另一個div。
在我的例子中,中心DIV(菜單)和粘DIV(標誌)。
我必須以div爲中心,直到這裏一切都清楚了,但是,我需要在另一個div的左邊關閉。如何讓div關閉到另一個div
沒有boht居中,只居中一個div並保持另一個div。
在我的例子中,中心DIV(菜單)和粘DIV(標誌)。
也許這就是你的意思? 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/
所以,你想要的菜單爲中心,並貼到它的左一個標誌?
<div class="centered">
<div id="logo"></div>
<div id="menu"></div>
</div>
把它們包裝成一箇中心它。浮動離開了標誌,並右邊的菜單。
Here你有jsfiddle。
告訴我,如果這可以幫助你!
喜哈維爾,我想你不明白我的問題。在你的例子中,藍色的一個必須居中,黑色的一個關閉它們。 –
我認爲第一個解決方案正是我需要的,非常感謝! –