孩子浮動Divs突破家長Div

我已閱讀了很多關於這個問題的其他帖子沒有效果。我希望有一個背景圖形可以延伸頁面的整個長度，但它只能沿2/3的方向向下。孩子浮動Divs突破家長Div

html, body { height: 100%; } 

div#body-wrapper { 
    height:100%; 
    position:relative; 
} 

nav#side-navigation { 
    height:100%; 
    width:185px; 
    background-color:#C2F4C2; 
    float:left; 
} 

div#content-wrap { 
    width:775px; 
    height:100%; 
    float:right; 
    position:relative; 
    background:transparent url(../images/global/column_corner.gif) no-repeat top left; 
}

如果我添加溢出：隱藏到＃身體的包裝，它切斷了網站底部的一部分。

最後，這裏的活動源代碼：http://freshbaby.com/v20/about_us/index.cfm

來源

2012-03-23 Angry Spartan

可以顯示你的HTML結構 – sandeep 2012-03-23 18:59:13

任何你不能把背景圖像放在body或html上的原因嗎？ – 2012-03-23 19:00:47

它只在本地機器上，所以我無法提供網址。 – 2012-03-26 14:16:39

您可以將浮動元素，以「清除」彩車後面加一個元素。

<div style="clear:both"></div>

來源

2012-03-23 19:05:53

它將主要內容推送到導航下。 – 2012-03-26 14:18:31

明確需要在兩個浮動列之下，而不僅僅是主要內容。 – 2012-03-26 14:55:47

你應該清楚：在浮動後。

<div style="clear:both"></div>

來源

2012-03-24 19:10:51

不知道這是以往任何時候解決，但嘗試添加下面的身體和HTML：填充：0; margin：0;

如果不徹底做的伎倆，然後把你的背景圖像上的html選擇具有以下ATTR：background: url(../assets/image.jpg);-moz-background-size: cover; -webkit-background-size: cover; background-size: cover;

來源

2012-09-08 06:22:18

東西要記住非常有幫助的是休息標籤也清除浮動。

<br clear='left'/> 
<br clear='right'/> 
<br clear='all'/>

來源

2012-10-12 13:16:08 Christopher

孩子浮動Divs突破家長Div

回答

相關問題