CSS寬度100％沒有工作

我有一個導航欄設置爲寬度100％。它顯示完美，但問題是，當它放大時，右側留下一個空間。您可以在http://jsfiddle.net/ShNtf/ 看到工作實例的follwing是我的CSS代碼： -CSS寬度100％沒有工作

.nav-container{ 
    width:100%; 
    color:#fff; 
    background:#000; 
} 
.nav-contained{ 
    min-width:350px; 
} 
} 
body{ 
    padding:0; 
    margin:0; 
}

來源

2013-07-18 h2O

無法看到任何問題。其實，反正我看不到滾動條。 – melancia

看到這個：http://jsfiddle.net/ShNtf/embedded/result/ 問題是隻有在最小寬度jsfiddle – mishik

是否有意義添加最大寬度：100％;到.nav包含？ – devbnz

問題：

當水平滾動條是可見，背景顏色沒有按不會填充瀏覽器寬度。

解決方案：

我由background-color定義移動從.nav-container到.nav-contained取得了成功。

.nav-container { 
    width:100%; 
} 
.nav-contained { 
    min-width:350px; 
    background:#000; 
    color:#fff; 
}

http://jsfiddle.net/ShNtf/7/

來源

2013-07-18 16:38:27 showdev

這是因爲最小的寬度。放大時，350px是「相乘」，如果它大於外部容器寬度，則會變寬，並顯示滾動條。

刪除該最小寬度以使縮放後的單詞分成多行。

來源

2013-07-18 16:32:02

+1，只需刪除'min-width：350px;'就可以了。 –

我不認爲問題是滾動。這就是當存在水平滾動條時，背景顏色沒有填充寬度（「右側留有空白」）。OP可能需要/需要「最小寬度」。 – showdev

假設你想保持最小寬度，將其添加到容器中，也將努力：

.nav-container{ 
    width:100%; 
    color:#fff; 
    background-color:#000; 
    min-width:350px; 
}

來源

2013-07-18 16:38:13 Makita

CSS寬度100％沒有工作

回答

相關問題