Html CSS-对齐侧边栏旁边的内容区域，而不添加额外的边距&；javascript

下面是一个虚拟示例，演示如何对齐我的侧边栏和内容区域：

如您所见，我将

#sidebar

包含的宽度量添加到内容区域，这样侧边栏就不会与内容区域重叠。它与内容重叠，因为

#侧栏

具有

位置：固定属性集

今天，我想添加一个按钮，我可以调整我的边栏，这成为一个问题，因为我必须改变内容区域的边距金额每次我调整我的边栏

有没有一种自动将边栏与内容区对齐的方法？
一种可能是将内容包装到另一个div中。将边栏固定在左侧，然后在正文的其余部分周围放置一个容器/包装器div，并向左写：200px；只有一次

然而，使用百分比也是一个好主意。使用百分比，您可以更好地监视页面的结构，然后通过为页面指定最大、最小或设置宽度来限制其尺寸。100%使用的内部元素将填充其容器宽度的100%

希望这就是你的意思

JSFiddle：

在内容id中添加如下容器：

        <article id="stuff">
            <p>buhreg</p>
        </article>

请尝试调整预览窗口的大小
 您打算用jQuery调整侧栏的大小吗？你为什么不把你正在尝试的全部展示出来呢。通常，如果您切换某些内容，您可以切换body或html类，然后在切换该类时调整页面上任何内容的边距。
#stuff{
    width:100%;
    height:60px;
    background:blue;
}