可调节主要内容的右侧和左侧的可折叠窗格（div）

Question

我需要在页面的两侧都有两个可折叠的窗格，但同时主要内容应根据窗格的状态调整其宽度。

这是一个开始example，左窗格工作正常，但右窗格似乎不一样。

<div id="index-container">
    <div id="left-side-bar">left side bar</div>
    <div id="index-main-content">main content</div>
    <div id="right-side-bar">right side bar</div>   
</div>

Answer 1

这是您的Working Fiddle

#right-side-bar{
width: 20%;
float:right;
background-color:#9C6;
    margin-top:-20px;
}

希望这有帮助。