需要100％左侧div部分

Question

我有两个div（红色和黄色）。红色div具有100％高度，黄色div具有固定的1000像素。即使我向下滚动页面，我也希望红色div 100％的窗口屏幕，但它不是占用浏览器屏幕的100％高度。我试图找到这么多例子，但未能解决我的问题。请指导......

以下是我所做的例子。

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

Answer 1

this你想要的是什么吗？

然后你需要改变三件事：

1. body和html的高度到min-height;
2. body和html对亲戚的立场;
3. 你不需要！在.left-menu的高度很重要。

Answer 2

将此用于CSS，应该这样做：

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

Answer 3

它正在做它想做的事情!!!

这真的是一种误解。

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

为了跨越整个左侧区域的红色，你不必做任何事情。它已经在做了。有关证据，请参阅this。

所以，没有什么可以解决的。这是 设计缺陷 。