css - 如何使用 CSS 获取左侧导航栏以填充网页中间的整个左侧？

Question

我正在制作这个网页:

http://jsfiddle.net/pW8yj/

我想要一个左侧导航区域，从页眉底部一直延伸到页脚顶部。我尝试设置 height: 100% 但这似乎没有用。我在这里做错了什么吗？

Answer 1

这永远不会像您期望的那样工作。您不能为该元素设置 100% 的高度，因为它将达到其内容的 100%，而不是其父容器的高度。

我建议做的是从 leftNAv 区域移除背景，而是在 div id="middleArea"上设置一个重复背景，灰色部分为 repeat-y。这样，无论#middleArea 有多大，背景都会扩展。

您可以尝试像 Faux Columns 这样的资源，它可能会为您提供模板和您正在寻找的其他结果:

http://www.code-sucks.com/css%20layouts/faux-css-layouts/

干杯。