兩側導航欄

最近我試圖實現一個導航欄，它有兩個側面，一個在右側，一個在左側，它們是分開的（不是同一個div）。我設法讓兩個導航欄工作，但我的問題是，當瀏覽器窗口較小，然後導航欄右側的包裝（1000px）不會粘在右側，而是將在中心某處。兩側導航欄

我的代碼直到現在

CSS

div.wrapper 
{ 
    min-width: 1000px; 
} 
div.menul 
{ 
    float: left; 
    width: 880px; 
    padding: 15px; 
    background-color: red; 
} 
div.menur 
{ 
    position: absolute; 
    right: 0; 
    z-index: 999; 
    width: 250px; 
    padding: 15px; 
    background-color: yellow; 
}

HTML

<div class="wrapper"> 
    <div class="menul"> 
    menu 
    </div> 
    <div class="menur"> 
    menu 
    </div> 
</div>

幫助將不勝感激，謝謝

來源

2012-06-09 MPKaboose

只需添加position: relative到#wrapper CSS。這將導致右鍵菜單被相對#wrapper而非頁面本身定位

[Example]

來源

2012-06-09 18:55:42 JoeJ

它是如此簡單，謝謝 – MPKaboose

兩側導航​​欄

回答

相關問題