Question

我已经阅读了很多关于此问题的其他帖子，但没有效果。我希望有一个背景图形扩展页面的整个长度，但它只会下降2/3。

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;
}

如果我将 overflow：hidden 添加到＃body-wrapper，它会切断网站底部的一部分。

最后，这是有效的源代码：http://freshbaby.com/v20/about_us/index.cfm

Answer 1

您可以在浮动元素之后添加元素以“清除”浮动。

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

Answer 2

你应该清楚：在浮子之后。

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

Answer 3

不确定这是否曾经解决，但尝试将以下内容添加到body和html中：填充：0; 保证金：0;

如果这不能完全解决问题，那么将背景图像放在html选择器上，并带有以下attr：background: url(../assets/image.jpg);-moz-background-size: cover; -webkit-background-size: cover; background-size: cover;

Answer 4

一些非常有用的东西要记住，break标签也会清除浮动。

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

儿童漂浮部门突破父母部门

4 个答案: