html - 需要 100% 左 div 部分

Question

我有两个 div（红色和黄色）。红色 div 具有 100% 的高度，黄色 div 具有固定的 1000 像素。即使我向下滚动页面，我也想要红色 div 100% 的窗口屏幕，但它没有占用浏览器屏幕的 100% 高度。我试图找到很多例子，但未能解决我的问题。请指导……</p>

这是我做过的例子。

http://jsfiddle.net/awaises/Ff6v5/

Answer 1

这是你想要的吗？

然后你需要改变三件事：

1. body 和 html 的高度到最小高度；
2. body 和 html 的相对位置；
3. 你不需要 !important 在 .left-menu 的高度。

Answer 2

它正在做它应该做的事情！

这真是个误会。

您的风格height: 100%适用于.left-menu. 但是在这里面.left-menu，你有另一个名为 的 div .left-footer，它的背景是绿色。所以，CSS 正在做编码要做的事情。

它为了跨越整个左侧区域上方的红色，您无需执行任何操作。它已经在这样做了。证明见this。

所以，没有什么可以修复的。这是一个设计缺陷。

Answer 3

将其用于您的 CSS，应该可以解决问题：

.left-menu{ width:200px; background:red; position:fixed; top:0; bottom:0;}