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

Question

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

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

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

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

Answer 1

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

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

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