2014-01-28 63 views
1

我在使用最小寬度時遇到問題;代碼在CSS中,在CSS中使用最小寬度

我有一個菜單欄,我想修復,所以它不會減少寬度隨着瀏覽器大小的變化,我的問題是,當我嘗試min-width:1000px;這不起作用,

請你看看我的CSS,看看是否有任何錯誤,

CSS:

#bar { 
margin-top:55px; 
min-width:1000px center; 
max-width:1920px; 
height: 30px; 
background: #2E2E2E; 
border: 3.2px groove #FFD700; 
min-width:1000px; } 

謝謝你們的幫助

+1

'最小寬度:中心1000像素;'是無效......你只能使用長度單位或百分比(和也只有一個值)。像「3.2px」這樣的子像素值也沒有多大意義。 – Christoph

+0

ohh我認爲這是CCS中真正的有效行,生病了會改變它,看看它是否有所作爲 – user3241684

+0

你的菜單欄是表格還是div?因爲如果它是一張桌子,你不需要最小寬度,只需要寬度。 – SaturnsEye

回答

1

通過什麼我明白..在CSS min-width:1000px center;將無法​​正常工作。所以刪除這個詞center從我也做了fiddle請看它。希望能幫助到你。

2

刪除此min-width:1000px center;

,並有你的CSS這樣的寬度

#bar { 
    max-width:1920px; 
    min-width:1000px; 
    width: 100%; 
} 
0

我只是嘗試了你的CSS,它甚至在一個很小的窗口保持1000像素寬。 你可以嘗試刪除你已經聲明的最小寬度之一,我建議第一個。

0

發生這種情況是因爲您的div使用max-width屬性。

嘗試使用基於百分比的width,您將瞭解minmax寬度的功率。

See here.或:

#bar { 
    margin-top:55px; 
    max-width: 500px; 
    width: 100%; 
    height: 30px; 
    background: #2E2E2E; 
    border: 3.2px groove #FFD700; 
    min-width: 300px; 
}