擴展它的容器長度的div

我想擴展我的左側邊欄，使它跨越頁面的長度（或容器DIV）。我嘗試將容器的高度設置爲100％，然後將側邊欄的高度設置爲100％，但這不起作用。擴展它的容器長度的div

這裏是我的編碼：

div#container 
{ 
overflow: hidden; 
margin-left: auto; 
margin-right: auto; 
margin-top: 0px;  
padding-bottom: 10px; 
width: 880px; 
height: 100%; 
text-align: left; 
} 

div#left 
{ 
float: left; 
width: 280px; 
height: 100%; 
padding: 4px; 
background: #F1D7A5; 
}

這裏是頁面的樣子：http://www.studentbridges.org/new/

我如何能延長側邊欄的任何輸入將不勝感激！

謝謝！

〜Noelle

來源

2012-07-27 nellygrl

我平時通過將側邊欄的背景作爲圖像放在邊欄的容器上，並沿着y軸重複它來解決此問題。這實際上並沒有擴展你的側邊欄，但它看起來是一樣的。在你的情況，你可能只是把你的頁面的PRINTSCREEN因爲它是現在，作物也爲1px的高度和880px寬度，並將其設置爲你的#container背景：

background: url(<path_to_image>) repeat-y center;

您還可以刪除背景然後從#left。避免使用表格的一切！

來源

2012-07-29 00:26:57 Pevara

將高度設置爲100％會限制容器的高度。如果將容器設置爲您希望的像素高度，則子div將擴展其高度以匹配。因爲您的下部div是其容器的子div，因此您可以看到height：100％只會導致容器div中留下的剩餘長度。

來源

2012-07-27 20:05:00 Austin

但是，根據某人正在查看的網頁，容器的長度可變。儘管側欄設置爲100％，但容器仍然長於柵欄。也許我不理解你。 – nellygrl 2012-07-27 20:20:37

#left div不是直接在#container裏面，它在#container裏面#contbg，#contbg只給出#container沒有被#header佔用的空間。 – Austin 2012-07-27 20:26:53

哦。我想如果我把它們全部設置爲100％，它會延伸到頁面上。我猜不會。你知道我該如何補救嗎？或者我剛剛運氣不好？ – nellygrl 2012-07-27 20:33:57

擴展它的容器長度的div

回答

相關問題