HTML разделение пространства и изменения размера

Question

В настоящее время я разрабатываю расширение Chrome (что означает, что мне не нужно кросс-браузерное решение).

По сути, я хочу, чтобы моя веб-страница была разделена на две части.Левая панель, которая заняла бы 20% ширины и 100% высоты, и правая панель, которая заняла бы 80% ширины и 100% высоты.Эти панели будут содержать различные элементы: textareas, list, select.

Проблема в том, что я не знаю, как этого добиться и справиться с изменением размера.В настоящее время я использую jQuery с хуком window.onresize.Я продолжаю изменять ширину и высоту в зависимости от размера окна.

Я хочу знать, можно ли это сделать более простым способом, например, с помощью CSS.И что я должен использовать?Див, стол и т.д ...

Заранее спасибо.

Answer 1

Вы можете поместить существующую панель или элементы div & span в содержащий относительный div.Если вы используете position: absolute для панелей div, то они будут позиционироваться абсолютно, относительно содержащего div, а не тела страницы.

http://css -tricks.com / 791-absolute-позиционирование-внутри-относительное позиционирование /

Answer 2

Пожалуйста, добавьте CSS в ваш div, добавьте min-height и max-height properties

#mydiv{
 min-height: 700px;
}