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

Question

我试过了 height: 100%但这似乎只是视口(viewport)的高度。

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

这是一个活生生的例子 - http://jsfiddle.net/gtKBs/750/ (试图找出 divider 高度)。

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

谢谢。

编辑 1

或者更好的是，当我滚动 divider 时，我希望发生的事情保持相同的比例并与我一起滚动 - 即说它是 90% 的总高度，然后当我滚动时，我总是看到空间@顶部和底部，表明它只是 90%当前视口(viewport)的高度。

编辑2

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

Answer 1

尝试将分隔符 div 的 CSS 更改为以下内容

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

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

HTH 安迪