Разделить панель с помощью свойства CSS3 Resize
Я пытался изменить размер разделенной панели, используя свойство CSS3.
Вот код:
<style>
div.left, div.right {float: left; outline: solid 1px #ccc;
resize: both; overflow: auto;}
div.left {width: 20%}
div.right {width: 80%}
</style>
<div class="left">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
</div>
<div class="right">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
</div>
Проблема в том, что если я изменю размер левого div, правый div не будет уменьшаться, и его подталкивают к основанию. Есть ли другие способы сделать разделенную панель без использования JavaScript?
Скажем, если это невозможно сделать с помощью CSS3 и действительно нужно использовать javascript, javascript должен быть минимальным, если можно.
Спасибо.