Почему при загрузке css используется box-sizing: border-box?

Question

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

*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

Почему они это делают?

Answer 1

Удалите глобальную границу сброса из области строительных лесов и в раскрывающемся списке css настройте математическое ИЛИ, а на остальной части своего сайта настройте границу, так что если что-то имеет отступ 10px и общую ширину 200px, старый Таким образом, у вас будет 180px в качестве ширины, но теперь просто сделайте ширину фактической шириной, и границы будут подсчитаны. То же самое относится и к границам.