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

您可以使用“假列”，其中backrgound是列的容器元素中的垂直平铺背景图像。（div#page-wrap）只要您的列在宽度上固定，它就会很好用：）

阅读this article了解详情。

Answer 2

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

左列不是100％高度

2 个答案: