css - 左列不是 100% 高度

Question

我有一个绿色背景，应该沿着左栏的整个长度延伸到页脚上方。我已将所有相应的 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

Answer 1

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

阅读this article了解更多详情。