Css 框加起来占浏览器的100%

我希望有两个框彼此紧挨着，一个具有固定宽度，另一个具有根据浏览器大小改变的宽度。该框有overflow:auto，我正试图让第一个框充当一个侧栏，它将跟随您进入页面。当然，我似乎无法做到这一点，我来到这里希望有人能给我举一些例子，或者给我指出正确的方向

---

谢谢

Will我在想一个在CSS中实现这一点的好方法，我正在引导我的google fu并发现

“此插件允许您在向下滚动页面时将div元素保留在浏览器窗口的顶部。最常用的用法是防止侧栏导航菜单在滚动到网页底部时消失。”

你可以试试

#element{
   position:fixed;
}

尽管没有IE6中的黑客，这是行不通的，请参见

---

威尔我在想一个用CSS实现这一点的好方法，我在引导我的google fu时发现

“此插件允许您在向下滚动页面时将div元素保留在浏览器窗口的顶部。最常用的用法是防止侧栏导航菜单在滚动到网页底部时消失。”

你可以试试

#element{
   position:fixed;
}

尽管没有IE6中的黑客，这是行不通的，请参见

试试看（我希望这就是你想要的？）

请在此处观看现场演示：

HTML

<div class="main_container">
        <div class="content_a">1</div>
        <div class="content_lotsoftext">Start. Lots of text goes here! Finish. </div>
    </div>

请注意，您需要一个IE6&7条件来删除

中的边距、清除和显示类。content\u lotsoftext

试一试（我希望这就是您想要的）：

请在此处观看现场演示：

HTML

<div class="main_container">
        <div class="content_a">1</div>
        <div class="content_lotsoftext">Start. Lots of text goes here! Finish. </div>
    </div>

---

请注意，您需要一个IE6&7条件来删除

中的边距、清除和显示类。content\u lotsoftext

要实现您要求的布局，请尝试以下方法：

HTML:

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

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

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

---

要实现您要求的布局，请尝试以下方法：

HTML:

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

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

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

---

那么你想要100%的高度或宽度？你能把你的HTML和CSS放在JSFIDLE上让我们都玩一玩吗？那么你想要100%的高度或宽度吗？你能把你的HTML和CSS放在JSFIDLE上让我们都玩一玩吗？@Dan Nice demo！但是，是否有必要在#col2上设置宽度：自动样式？可能没有。我最初是这么说的，但事后看来，我认为这是不必要的！但是，是否有必要在#col2上设置宽度：自动样式？可能没有。我最初是这么说的，但事后看来，我认为这是不必要的。