孩子浮动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

回答

相关问题