隐藏/显示另一个 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;
}