Сегодня я столкнулся со странной проблемой, с которой я не могу сказать, что я когда-либо сталкивался за более чем пять лет разработки веб-сайтов.
Я перемещаю простой HTML-сайт с одного хоста на другой. Однако форматирование HTML, которое я сделал с кодом, похоже, не отображается должным образом на новом хосте. В частности, одна часть кода выглядит так:
<header>
<div></div>
<div></div>
</header>
CSS это:
header div {
width:50%;
padding:0px;
margin:0px;
box-sizing:border-box;
display:inline-block;
}
Ранее два div s отображались бы рядом в элементе header. Но теперь эти два элемента находятся на разных линиях. Но они должны соответствовать одной линии. По некоторым причинам между двумя элементами добавлен пробел, который переводит второй элемент в новую строку.
Если я изменю код HTML на одну строку (без пробелов), например:
<header><div></div><div></div></header>
Отображается просто отлично.
Почему это происходит и как я могу это исправить, не уменьшая мой HTML-код? Это происходит по всему моему веб-сайту на любых элементах встроенных блоков, которые в совокупности занимают 100% ширины. Например, моя боковая панель теперь отображается под моим контентом.
Как я уже упоминал, раньше на предыдущем хосте все работало нормально. Я не внес никаких изменений в код HTML. Просто войдите в Filezilla, скопируйте файлы со старого сервера на мой рабочий стол, затем войдите на новый сервер и загрузите их на новый сервер.