Jquery 左侧为固定宽度div，右侧为流体宽度div

我想在左边有一个固定宽度的

，在右边有一个灵活的

，以便在窗口调整大小时使用同样，左边的

是可折叠的（我使用jQuery以负边距隐藏它），然后我需要右边的

具有全宽

---

PS：我不能在没有水平滚动条的情况下，在有填充的容器中有一个100%宽度的div

只需将右div的左边距设置为左div的宽度。运行脚本折叠左div时，必须调整右div的边距

---

这是一个很好的使用

position:fixed的用例下面的示例将帮助您开始。当侧边栏被隐藏时，您可以轻松地创建不同的类，只需切换div上的类以使用不同的位置值

HTML

我想要一个固定的宽度
左边是，右边是一个灵活的
当窗口调整大小时正确

float:left
仅左侧
div
，并在右侧
div
添加
overflow:hidden

请参见：

此外，左侧是可折叠的（I
使用jQuery将其隐藏为负数
然后我需要正确的答案
全宽

这符合我的方法：

附言：我不能有一个100%
容器内的宽度div，带有
没有水平的填充物
卷轴

这是因为
width:100%
不包括
padding

见：

解决此问题的最简单方法是不声明
width:100%
。块级元素默认采用“全宽”（
width:auto
）

或者，添加一个包装器元素并在其上添加
填充。或者，使用。
您能提供您的代码吗？HTML和CSS开始。这真的很有趣，我没想到
overflow:hidden
会改变div定位自身的方式。你知道为什么会发生这种情况吗？看起来
overflow:auto
也可以工作，但是
overflow:visible
overflow:hidden
会强制创建新的“块格式上下文”。本文对此进行了解释：溢出的使用非常有趣，并回答了所有问题
<div class="sidebar">side stuff</div>
<div class="main">main content</div>

.sidebar{
    background-color:#CCC;
    position:fixed;
    left:0;
    top:0;
    bottom:0;
    width:150px;
}

.main{
    background-color:#AAA;
    position:fixed;
    left:150px;
    top:0;
    bottom:0;
    right:0; 
}