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

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>