隐藏/显示另一个div后调整主div的宽度

Question

我有一个包含两个div的主div。一个用于主要内容，一个用于侧边栏内容。单击一个链接时隐藏/显示补充工具栏内容。因此，当侧边栏被隐藏时，我希望内容div占据整个空间作为容器div。但是当显示侧边栏内容时，它应该为左侧边栏提供一些空间并进行自我调整。这是code。现在我正在使用jquery实现。但不确定是否有更好的方法来做到这一点。感谢

Answer 1

你快到了。我已经更新了你的代码。基本上你只想把侧边栏放在第一位，将它们向左浮动，并摆脱主要内容上定义的宽度。

<div id="container">
    <div id="sidebar">
        Sidebar Content
    </div>

    <div id="maincontent">
        Main Content
    </div>
</div>

#maincontent {
    float: left;
    border: 1px solid green;
    height: 400px;
}

#sidebar{
    float:left;
    width:200px;  
    border: 1px solid blue;
    top:10px;
    height: 200px;
}