css獲取寬度和背景填充視口

嘿希望有人能幫助我。這是爲我的投資組合我建立在www.pxlmin.com/portfoliocss獲取寬度和背景填充視口

我想要的是背景顏色佔用整個寬度，它的確如此，但是當我調整窗口的大小時 - 說一半寬度 - 我只是空白到一邊，（當我滾動到右側），所以我想知道的是我怎麼能得到中心和容器的背景延伸到左邊..我有100％的寬度，但顯然沒有這樣做。謝謝。

來源

2012-06-20 Demetrio M.

可能需要一個位碼或者在這裏 - 很難理解你在問什麼。 – matpol

matpol，請在我提供的鏈接中查看源代碼。 Firebug，效果不錯.. –

是的，我現在看到這個問題 – matpol

AHHA，想通了..只是設定一個最小寬度比你需要填寫的背景內容的量。在我的情況div #middleport min-width：1500px;

驚人的是這些網頁的數量脫落的背景，但（當視口寬度減小，scolled向右）.. tinygrab.com，nodejs.org命名一對夫婦..

來源

2012-06-20 21:33:04

從#portContainer and #middlePort刪除width: 100%;。希望這會解決你的問題。

來源

2012-06-20 19:51:41 Subhajit

這個技巧是否適合您？ – Subhajit

嗨Subhajit，沒有沒有做到這一點。 –

你可以在主背景顏色添加到身體標記：

body{ 
margin: 0; 
padding: 0; 
background: #EFE6D9 
}

或使用具有條紋的背景圖像 - 但正如上面取下100％的寬度，或將左右邊界爲0.白色的位可能是6個像素，這是將邊框添加到寬度。

#middlePort { 
background: #E8DED0; 
height: 300px; 
border: 3px solid #E2DAD0; 
padding-top: 49px; 
}

或

#middlePort { 
background: #E8DED0; 
height: 300px; 
width: 100%; 
border-bottom: 3px solid #E2DAD0; 
border-top: 3px solid #E2DAD0; 
padding-top: 49px; 
}

來源

2012-06-20 20:04:03 matpol

嘿墊，謝謝讓我試試.. –

嘿所以背景是固定的，現在唯一的問題是讓div #middleport填滿屏幕，當你縮小窗口的寬度。 –

css獲取寬度和背景填充視口

回答

相關問題