0

我有一个绿色背景，应该沿着左栏的整个长度向下，直到页脚上方。我将所有相应的 div 设置为 100% 高度，但它停止了。

html, body { height: 100%; }

div#page-wrap {
  width:960px;
  height:100%;
  margin:0 auto;
  padding-bottom:10px;
}

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

4

2 回答 2

1

您可以使用“假列”，其中背景是列的容器元素中的垂直平铺背景图像。( div#page-wrap) 只要您的列的宽度是固定的，它就可以很好地工作:)

阅读这篇文章了解更多详情。

于 2012-05-20T14:16:47.367 回答
1

我发现这篇文章成功了：http: //matthewjamestaylor.com/blog/equal-height-columns-cross-browser-css-no-hacks

于 2012-06-07T16:28:53.890 回答