Почему мой веб-сайт автоматически превышает мою высоту CSS?

#html #css #height #html-lists

#HTML #css #высота #html-списки

Вопрос:

В принципе, у меня есть этот код:

 <li style = "height: 250px;"> <p>Foo</p></li>
  

Однако, когда я захожу на сайт, кажется, что он не меняется. Итак, я проверяю элемент в Chrome, и он говорит следующее:
<li style = "height: 180px;"> <p>Foo</p></li>

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

Что я могу сделать, чтобы перезаписать 180px высоту и поставить make it 250px , поскольку я все перепробовал, и это не работает!!

Комментарии:

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

2. Если бы вы использовали Firefox дополнение Firebug, я бы посоветовал вам проверить, действительно ли был загружен ваш файл CSS, также вы могли бы проверить, откуда текущий элемент получает свои настройки.

Ответ №1:

Будет лучше, если вы покажете свой HTML markup для лучшего понимания, но прямо сейчас вы можете использовать !important вот так:

 <li style = "height: 250px !important;"> <p>Foo</p></li>
  

Это переопределит ваш стиль.

Ответ №2:

Похоже, проблема с IDE, а не с самими вашими файлами. Вы пробовали использовать другие IDE или даже вручную загружать файл по FTP? Также убедитесь, что это правильный файл, а не какая-то копия, которую вы случайно загрузили. У меня самого было это, только чтобы заметить, что я фактически загружал тот же файл в другой каталог.

Также попробуйте добавить <h1>Test</h1> или что-то еще вверху, чтобы проверить изменения в вашем файле. Если это также не отображается, вы можете быть уверены, что с вашим FTP что-то не так.