Переполненное тело CSS Gutter

Question

В моей самодельной сетке CSS у меня есть проблема. Если мои.row края касаются края тела, это вызовет переполнение. Смотрите демо здесь: http://jsfiddle.net/57BGe/3/ ОБНОВЛЕНО ДЛЯ ОБЪЯСНЕНИЯ

.row {
  margin: 0 -15px;
}

Как я могу предотвратить переполнение? (переполнение: нет, не будет работать, так как вы все еще можете прокручивать на телефоне и с некоторой силой на рабочем столе)

* ОБНОВЛЕНИЕ * Если вы посмотрите на Bootstrap # http://getbootstrap.com/css/ Попробуйте использовать dev console и измените поле слева от.row на что-то, что может привести к переполнению тела. (например, -150 пикселей)
Если я сделаю это, я все еще не могу прокрутить по горизонтали.

Answer 1

Нашел решение.
Я пытался поставить переполнение: скрытый на теле и HTML, но я все еще мог прокручивать.
Итак, я сделал контейнер с переполнением: скрытый и обернул все внутри.

Это заставило его работать просто отлично. Abit грязного обходного пути, но это должно было быть сделано.

Answer 2

Вам необходимо сбросить таблицу стилей агента Browsers, которая автоматически устанавливает поля и отступы в теле и html, после чего вы можете избавиться от отрицательного поля:

body, html {
   margin:0;
   padding:0;
}

Дайте это попробовать.