Следующий веб-сайт был первоначально разработан в Chrome. Поэтому я уверен, что он выглядел так, как ожидалось. Я не знаю точно, когда, может быть, после обновления хром изображение заголовка, кажется, будет сокращено без причины, я могу понять.Странное поведение изображения в Chrome:
Живой Сайт: www.lepiadive.com
Firefox скриншот (правильный): 
Chrome Скриншот:
Изменение положения .header-v2 «s к absolute и добавить width: 100%;.
Хотя вы сказали .header-v2 остаться 0px высоко, его содержание сделал занимают пространство. Это связано с тем, что .header-v2 имеет позицию relative. Однако элемент с позицией absolute никогда не займет места. Таким образом, все, что осталось сделать, это показать элементу, чтобы он заполнил всю ширину страницы, и все готово!
Кажется совершенным! Не могли бы вы объяснить мне причины такого поведения? (Я проверю его на пару минут, прежде чем принимать) –
Спасибо за ваше время. Что действительно странно, так это то, что до нескольких месяцев в Chrome все было в порядке, а также в Firefox! (хотя, похоже, существует проблема с CSS) –
Это не ваш CSS, это, вероятно, просто ошибка в Chrome. Я думаю, это будет исправлено рано или поздно –
Попробуйте добавить это в css '* {border: 1px solid red; } ', и вы можете обнаружить, что вызывает интервал. –
Почему вы не добавляете изображение в качестве фона в свой div с классом 'header-v2' или' container'. Это более разумно, и он работает, я попробовал это – Chris
Действительно @Chris Я думал о фоне img, но я не могу сделать его хорошо масштабируемым для отзывчивого дизайна. –