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

Question

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

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

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

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

谢谢。

编辑 1

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

编辑 2

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

score 0 · Accepted Answer

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

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

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

HTH安迪

1 回答 1