2011-09-27 88 views
2

我有一個問題,我正在製作一個網站,其中有一個主要內容部分和右側的「更新」欄。鏈接在這裏。 http://bebiafricanhairbraiding.com/Div將不會填充父容器的大小

您應該可以從網站本身獲取代碼,但如果您需要代碼,我可以在此處發佈。 謝謝。

+2

哦,上帝,它燃燒。 究竟是什麼問題?你遇到哪個問題? –

+0

我的問題是更新div應該是與內容div相同的大小。它們都包含在「底層包裹」中。他們應該通過將高度設置爲100%來獲得底部包裹的大小。但事實並非如此。 – nick122

+0

@Mike我也有點困惑。請張貼一些代碼,也可能包含一些圖片。 – FreeSnow

回答

0

難道真的非常重要的div的高度是否一致,或者說背景長度是否一樣?我想後者。而不是試圖讓div的高度相同(這不會起作用),請創建兩個定位的div並在其父級上設置背景。底部的圓角應該在單獨的頁腳元素中完成。

所以這樣的:

+-----+-----+ 
| a | b | 
|  +-----+ 
|  | 
+-----------+ 
| c   | 
+-----------+ 

被你的內容列,b爲您的側欄。兩者都(一起)包含在具有背景的父div中。 c是帶有圓角的頁腳。請參閱http://www.alistapart.com/articles/fauxcolumns/

我也真的推薦使用像cs框架http://twitter.github.com/bootstrap/。這使得製作網格,漂亮的版式等變得容易很多。

-2

#內容有身高:100%和 #UPDATE具有高度:250像素

設置更新高度

#updates {height:100%} 
+1

你甚至嘗試過嗎?它只會在父元素(#bottomwrap)具有明確的高度集時才起作用。它目前有0px的高度。 – Doug