css - 框加起来达到浏览器的 100%

Question

我想要两个紧挨着的盒子，一个宽度固定，另一个宽度会根据浏览器的大小而变化。该框有 overflow:auto，我正在尝试让第一个框充当边栏，它会跟随您向下浏览页面。但当然我似乎无法实现这一目标，并且来到这里希望有人能给我一些例子，或者给我指明正确的方向。

谢谢!

Answer 1

要实现您要求的布局，请按照以下方式尝试:

HTML:

<div>
    <div id="col1">Left Navigation Menu</div>
    <div id="col2">Right Content</div>
</div>

CSS:

#col1
{
    position:fixed;
    width:400px;
}

#col2
{
    position:absolute;
    left:400px;
}