如何将div的高度设置为当前视口高度的某个百分比？

Question

我尝试了height: 100%，但这似乎只是视口的高度。

我的页面滚动，所以我希望将高度基本上设置为整个窗口。

以下是一个实例 - http://jsfiddle.net/gtKBs/750/（试图找出divider身高）。

注意，我不想移动div，我只想将高度设置为窗口的最大高度。

感谢。

修改1

或者甚至更好，我想要发生的是当我滚动divider保持相同比例并滚动我 - 也就是说它是90%的总高度，然后滚动，我总是看到@ top＆amp;在底部，表示它只是当前视口的90%高度。

修改2

这就是我要做的事情 - http://jsfiddle.net/ryBZG/1/一个跨度2 div，span2，span9其中span2是侧边栏，span9是页面的内容。我想在它们之间放一个分隔符。

Answer 1

尝试将divider div的CSS更改为以下

.divider{
    position:fixed;
    left:50%;
    top:10%;
    bottom:10%;
    border-left:1px solid white;
}

由于#bluebox有固定width: 550px;，我建议您将.divider的宽度设置为固定宽度（260px）。

HTH 安迪