HTML / CSS Масштаб Div на весь сайт, когда появляются полосы прокрутки

Question

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

Масштабируется отлично:

Не масштабируется нормально, если видимая часть слишком мала:

Как можноэто исправить? Вот скрипка: http://jsfiddle.net/gdztn/29/

Уточнение : внутренний div должен всегда быть шириной 800 px, а внешний div должен масштабироваться по всей ширине страницы.Как вы можете видеть на втором изображении, внешний div не достигает правого края страницы, когда появляются полосы прокрутки.

Спасибо!

Answer 1

проблема в том, что ширина #head равна 100%, а внутренний div имеет фиксированную ширину.если вы уменьшите размер страницы, она все равно будет на 100% меньше, чем внутренний div.это похоже на меньший контейнер и чрезмерно больший контент, который переполняется.

, чтобы решить эту проблему, вы должны установить min-width из #head, чтобы он не уменьшался меньше внутреннего div, как min-width: 850px

http://jsfiddle.net/gdztn/43/

РЕДАКТИРОВАТЬ: также удалить position:absolute из #head.если действительно нужно быть абсолютным, тогда добавьте width:100%