CSS：容器不延伸到100％的寬度

http://jsbin.com/uqafo4 CSS：容器不延伸到100％的寬度

請檢查白色區域：它應該走一路，爲我所用width: 100%，但事實並非如此。

#container { 
    background-color:#FFF; 
    background-position:center bottom; 
    background-repeat:no-repeat; 
    height: 440px; 
    width: 100%; 
}

來源

2010-09-25 Johnson

你的錯誤（http://validator.w3.org/check?uri=http%3A%2F%2Fjsbin.com%2Fuqafo4&charset=%28detect%20automatically%29&doctype=Inline&group=0）阻止該網頁渲染我瀏覽器。 – Quentin 2010-09-25 12:01:52

的問題是，<body>元素有一些默認的區域圍在那裏，這增加了body規則是安全的：

margin: 0;

You cant test the updated version here，沒有空間:)

來源

2010-09-25 12:02:30

默認情況下，在一些瀏覽器的body標籤有餘量的用戶代理（默認）樣式表對他們的設置。簡單使用

body { margin: 0; }

刪除此邊距。您還應該考慮使用重置樣式表，例如Eric Meyer。

來源

2010-09-25 12:02:18

繼姜毅的建議應解決你的問題。

如果你沒有背景圖片，你可以刪除

background-position:center bottom; 
background-repeat:no-repeat;

我也建議加入一些填充，例如：

padding:10px;

但也許你正在考慮這樣做，只有你還沒有添加代碼。或者你也許不想因爲某種原因使用填充。

來源

2010-09-25 12:25:05 matsolof

CSS：容器不延伸到100％的寬度

回答

相關問題