Как убрать пустое пространство на стороне моего сайта

Question

У меня есть веб-сайт (https://olsenspkg.com) с пробелами в правой части каждой страницы. В настоящее время я пытался это решить:

body {
  overflow-x: hidden !important;
  width: 100%;
}

Это исправляет только на chrome. Safari по-прежнему работает так, как будто я не ввел этот код.

Обычный вид сайта

Пустое пространство справа

Answer 1

Проблема с #searchBar из вашего заголовка. Вы дали ему left:478px, но у него есть позиция: относительная. Так что это все еще занимает место. Если оставить его влево 478px, он увеличит ваш веб-сайт на 478 пикселей вправо.

Удалите его и разместите с помощью других решений. Как простой #searchBar { text-align:right }, я думаю, сработает.

Также старайтесь избегать использования overflow-x: hidden на body. Вы никогда не знаете, какие проблемы вы можете вызвать. Всегда в этом сценарии ios пытайтесь найти элемент, который вызывает это нежелательное переполнение, и иметь дело с этим конкретным c элементом.

Answer 2

Этот элемент переполнен:

<div id="searchBar">

Ширина такая же, как у родительского элемента div. Измените ширину на 300px или полностью измените рендеринг.

Переполненный div