Абсолютная ширина Div не заполнена при прокрутке страницы внутрь

Question

Есть небольшая проблема с DIV, когда ширина окна становится меньше ширины содержимого.

В принципе; это очень сложно объяснить, но страница, на которой вы сейчас находитесь (веб-страница stackoverflow), просто забирает ваше окно и уменьшает ширину окна до тех пор, пока не появится нижняя полоса прокрутки; затем прокрутите страницу вниз. Затем вы должны увидеть, что обложка нижнего колонтитула отображается на полпути с половиной содержимого и половины содержимого из фонового изображения.

Итак, на одном из моих личных веб-сайтов у меня есть нижний колонтитул, подобный stackoverflow, есть ли способ обойти это? Или это должна быть ширина, обновляемая через javascript?

Спасибо, Майк

Answer 1

Ну для начала, нет абсолютного позиционирования в сноске переполнению стека, поэтому я полагаю, что нет ни в вашей тоже.

Нижний колонтитул SO не имеет позиционирования, что означает, что он просто сидит на 100% ширины его родительского элемента, который является элементом body, который также не имеет позиционирования, поэтому он просто находится на 100% ширины окна. Однако элемент контейнера на SO имеет ширину 960 пикселей, что может быть или не быть больше вашего 100% тела и окна. Когда он больше, он расширяет за пределами элемента кузова, создавая промежуток, который вы видите в правом нижнем углу страницы, когда вам нужно прокручивать. Он не заставляет тело быть больше, он просто выходит наружу.

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