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

Question

Является ли Javascript единственным способом достижения боковых панелей полной высоты переменной ширины/положения (где основной контент отвечает настройкой собственной ширины)?

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

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

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

EDIT

Текущий CSS только реализация не поддерживает полную высоту

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

Answer 1

Если вы хотите раскладку 2 колонки с обоими из них расширяется, чтобы соответствовать высоте боковой панели или основного содержания, вы должны использовать Maxdesign layouts и изменять их.