изменение ширины div с изменением размера браузера

Question

Я недавно задал этот вопрос о том, как установить ширину div контейнера, чтобы избежать прокрутки для людей с широкими мониторами.Я получил отличный ответ в основном, чтобы объединить min-width с display: block ;

Теперь у меня есть одно продолжение.Принятый ответ отлично работает, если браузер настроен на широкий фронт, но если сначала он не широкий, а пользователь растягивает окно, контейнер div не изменяется и не растягивается.

есть, в любом случае, я могусделайте еще один шаг и сбросьте ширину div, когда само окно браузера изменится.

Answer 1

Вы можете использовать абсолютное позиционирование,

#panel {
 position: absolute;
 top: 50px;
 left: 50px;
 right: 50px;
 bottom: 50px;
 background: #eee;
 border: 3px double #000;
 overflow: auto;
 }


<div id="panel"><p>I shrink and grow</p></div>

overflow:auto; устанавливает полосу прокрутки на самом #panel, если содержание требует этого .. что может быть нежелательно?

Рабочий пример

Answer 2

Как насчет оценки площади экрана, ваша страница должна покрывать и писать ширину в процентах?

Например,

#wrapper { width: 90%; }