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

Question

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

这里是一个开始与左窗格工作正常，但它似乎不与右窗格相同。

<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; 
} 

希望这有助于。