2016-10-21 56 views
0

我必須以div爲中心,直到這裏一切都清楚了,但是,我需要在另一個div的左邊關閉。如何讓div關閉到另一個div

沒有boht居中,只居中一個div並保持另一個div。

在我的例子中,中心DIV(菜單)和粘DIV(標誌)。

enter image description here

回答

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/

+0

我認爲第一個解決方案正是我需要的,非常感謝! –

0

所以,你想要的菜單爲中心,並貼到它的左一個標誌?

<div class="centered"> 
<div id="logo"></div> 
<div id="menu"></div> 
</div> 

把它們包裝成一箇中心它。浮動離開了標誌,並右邊的菜單。

Here你有jsfiddle。

告訴我,如果這可以幫助你!

+0

喜哈維爾,我想你不明白我的問題。在你的例子中,藍色的一個必須居中,黑色的一個關閉它們。 –