CSS сайт меняет размер div после публикации

Question

Я работаю над своим веб-сайтом, и для основного элемента div задана определенная ширина.Но когда я загружаю все свои файлы на веб-хостинг, размер ширины уменьшается, и независимо от того, как я настраиваю код для div, размер ширины остается неизменным (неправильный размер) на моем опубликованном сайте, несмотря на то, что я смотрю правильно, когда я просто открываюкод в браузере.

Я пытался редактировать код прямо в веб-хостинге, чтобы посмотреть, смогу ли я вообще настроить ширину.Я уже несколько раз пытался удалить и заново загрузить все.

Вот что у меня есть в моей таблице стилей CSS :

.body1{
    max-width: 1200px;
    height: 1000px;
    background-color: #fffdf8;
    margin: auto;
    padding: 10px;
    text-align: center;
    border: 2px solid #f892c9;
}

<div class="body1" style="height: auto">

Ширина 1200 пикселейнасколько я хочу, чтобы он был, и он отображается правильно, когда я открываю HTML-файл в браузере.Когда я загружаю код с веб-хостом, ширина становится меньше, и даже если я изменяю его на большее число, например 1500px, он остается небольшим.

РЕДАКТИРОВАТЬ: я публикую его с 000webhost.com.Насколько я могу судить, другого CSS нет, кроме того, что я загрузил для своей страницы.

Answer 1

Я до сих пор не знаю, почему именно это не сработало бы в первую очередь, но я решил просто вырезать его из таблицы стилей CSS и поместить его вместе с остальной частью моего html старомодным способом:

Теперь все работает.

Answer 2

Может быть, вы хотите, чтобы atributte "ширина" вместо "max-width"? max-width - это полезно, если вы хотите изменить размер страницы с определенной шириной.

В любом случае проверьте ссылочный CSS: https://www.w3schools.com/cssref/pr_dim_width.asp