Размер коробки внезапно прекратил работу

Question

Я использую размер коробки: рамка; чтобы мои ящики на моем сайте ведут себя одинаково в многократных браузерах. Он отлично поработал с тех пор, как я начал создавать веб-сайт, но сегодня элемент размера коробки внезапно перестает работать. Я не знаю, что может быть проблемой. Помощь будет очень признательна!

У этой страницы есть ссылка на мой сайт: http://amazive.com Как вы можете видеть, все ящики помещают вместо «внутри» поля «наружные».

Это мой код сброса:

* { 
    margin:0; 
    padding:0; 
    -moz-box-sizing: border-box; 
    box-sizing: border-box; 
} 

Спасибо, Фредрик

Answer 1

Загрузка вашего сайта В консоли отображается следующая ошибка:

Selector expected. Ruleset ignored due to bad selector. main.css:1 

Если вы посмотрите на первую строку файла main.css вы увидите это:

</***************************************************** 

Снимите ведущую скобку, так это выглядит:

/***************************************************** 

Answer 2

Из того, что я понимаю, вы хотите box-sizing; border-box; быть на все ваши элементы? Для этого используйте этот код

/* apply a natural box layout model to all elements */ 
*, *:before, *:after { 
    -moz-box-sizing: border-box; 
    -webkit-box-sizing: border-box; 
    box-sizing: border-box; 
} 

Вот codepen пример: http://codepen.io/camdixon/pen/DgrGC

Я получил ответ здесь: http://www.paulirish.com/2012/box-sizing-border-box-ftw/

Более подробный ответ и трюки IE найти здесь: * { Box-sizing: border-box; } : To border-box or not to border-box all elements?