當它的固定寬度和最大寬度被指定時Div對齊

body { 
    margin:0 auto; 
    max-width: 500px; 
} 

.div{ 
    text-align:left; 
    position: fixed; 
    top 0; 
    width: 100%; 
    z-index: 1; 
    display: block; 
    height: 32px; 
}

我的身體寬度是最大500px，我用margin:0 auto;來顯示頁面居中。但是通過這種方式，頂級固定div並不服從500px的中間規則。
我希望它像全身內容一樣固定在中心。
enter image description here
我試圖使用*{margin:0 auto; max-width: 500px;}和其他一些更改，但沒有得到我想要的。當它的固定寬度和最大寬度被指定時Div對齊

來源

2013-10-28 Mehedi Hasan Nahid

給你代碼，無論你嘗試過目前爲止。 –

代碼請？ –

top texts

–

在這種情況下，你不必給最大寬度你的身體試試這個：

<body> 
    <div id="container"> 

    <!--place your div--> 
    </div> 
</body>

CSS：

#container {margin:0 auto; max-width: 500px;}

，當你把你的DIV容器中，然後他們按照最高寬度規則

來源

2013-10-28 08:08:29 Manwal

哇它的工作，謝謝 –

您的規則不相互依賴。他們實際上沒有改變任何東西。
max-width是元件可具有的最大寬度。這並不意味着它將有它。
width: 100%表示元素（div）將其父級的寬度取爲100％ - 即body。
所以，在你的身體有默認寬度這可能是100％窗口和div.div將從中繼承該寬度。
我建議設置這個

body { 
    margin: 0 auto; 
    width: 500px; 
    overflow: visible; 
}

您還必須從格刪除position: fixed。 CSS的div應該看起來像這樣：

.div { 
    width: 100%; 
    text-align:left; 
    height: 32px; 
}

來源

2013-10-28 08:22:44 matewka

它超過了500px，因爲div處於固定位置。如果我刪除position: fixed它不會修復我想要的地方！從Deepak Manwal那裏得到了答案 –

當它的固定寬度和最大寬度被指定時Div對齊

回答

相關問題