Centered ДИВ с шириной процентов уменьшается при определенных обстоятельствах

Question

У меня есть сайт, который помещает содержимое внутри DIV со следующим моделированием:

.container { 
    padding-top: 40px; /*This is to leave space for a floating*/ 
    margin-left: auto; 
    margin-right: auto; 
    width: 75%; 
    background-color: white; 
    box-shadow: 0px 0px 10px hsla(0, 0%, 0%, 0.5); 
} 

Это прекрасно работает на двух страницах, а на третьем, то ДИВ стягивается примерно половина - это нормальная ширина, и я не могу понять, почему. Единственное очевидное отличие состоит в том, что эта страница содержит список, а остальные - только абзацы, но удаление списка не устраняет проблему. Вот две ручки, страница works и та, что doesn't. Изображения отсутствуют на ручках, но эффект тот же.

Заранее благодарен!

Answer 1

Вы position:absolute в теле. В ваших рабочих примерах текст достаточно широк, так что ваше достижение полной ширины, но в третьем примере текста мало, поэтому есть проблема.

Вам необходимо назначить width:100% в корпусе или если нет необходимости просто удалять его.

Answer 2

Я не понимаю, почему вы используете position: absolute для body, но если вы берете что, ваша проблема решена ...