「100％用格」保證金左自動

enter image description here 「100％用格」保證金左自動

我有margin: 0 auto;對齊的頁面中間是頁面內容。我需要我的導航也有margin-left: auto;，但也需要走到屏幕結束，即使用戶重新調整大小或縮小頁面，此導航必須真正走到結束。

現在我有這樣的事情： http://jsfiddle.net/Dc7XK/

來源

2013-01-09 Miguel Antunes

[你有什麼嘗試？]（http://www.whathaveyoutried.com） - 請至少展示一些你試圖做的嘗試。大多數人會看到這個'CSS'標記的問題，注意沒有代碼，然後直接移動。 – George

請指定您的問題。你什麼都別告訴我們。我只理解你可能需要恆定的寬度。 –

我喜歡那個網站...... @MiguelAntunes給我們提供了你現在的位置，我們可能會找到一個解決方案... – Khez

我會建議使用含DIV這樣的：

<div id="outter"> 
    <div id="container"> 
    <div id="navigation"> 
     lorem ipsum dolor 
    </div> 
    </div> 
</div>

而CSS：

#outter{ 
    width:100%; 
    background-color:#00ff00; 
} 
#container{ 
    width:500px; 
    margin:auto; 
    margin-top:20px; 
    background-color:#ff0000; 
    padding:20px; 
} 


#navigation{ 
    width: 100%; 
    background-color: black; 
    height:16px; 
    color:#fff; 
}

設置你的外層div來100％。然後有一個包含div你想要的頁面寬度設置爲自動的寬度。最後，將導航設置爲容器的100％寬度！繁榮。

http://jsfiddle.net/Dc7XK/2/

我希望這是你所追求的！

來源

2013-01-09 14:32:19 user1636130

就是這樣，但屏幕右邊有紅色，左邊只有綠色。 –

嘗試更改'margin：auto;'以'浮動：正確';'然後在容器的css中。 – user1636130

好吧，我設法得到我想要的，你可以在這裏查看：http://jsfiddle.net/Cy7rJ/謝謝。 –

「100％用格」保證金左自動

回答

相關問題