Фиксированная боковая панель полной высоты (переменной ширины / положения)

Является ли Javascript единственным способом достижения полноразмерной боковой панели переменной ширины/позиции (где основной контент реагирует, настраивая собственную ширину)?

То, что я добился, - это иметь фиксированную боковую панель с полной высотой со стороны сбоку и направить основной контент в нужное русло, отрегулировав ее ширину. Я надеюсь достичь этого, используя только css, а не js или процентную ширину.

Я знаю, что я могу создать фиксированную боковую панель переменной ширины, но она требует js для настройки свойства margin в основной области содержимого. В идеале я могу использовать x-позицию боковой панели для отображения/скрытия, а основное содержимое, находясь рядом с ним, автоматически настраивается.

Мысли? Заранее спасибо.

РЕДАКТИРОВАТЬ

Текущая реализация css-only не поддерживает полную высоту

<!--HTML-->
<div id="container">
   <div id="sidebar">sidebar, hidden with negative margin</div><!-- end sidebar -->
   <div id="content">main content</div><!-- end content -->
</div><!-- end container -->


<!--CSS pseudo-code-->
#container {
   position:relative;
}
#sidebar {
   float:left;
   width:300px;
}
#content {}

Реализация, требующая javascript

<!--HTML-->
<div id="container">
   <div id="sidebar">sidebar, hidden with width or position</div><!-- end sidebar -->
   <div id="content">main content, margin-left adjusted using js</div><!-- end content -->
</div><!-- end container -->


<!--CSS pseudo-code-->
#container {
   position:relative;
}
#sidebar {
   width:300px;
}
#content {
   margin-left: 300px;
}