Стоит-ли использовать * {box-sizing: border-box; }?

Question

[Монти Пайтон]

Стоит ли пользоваться <b>*</b> {box-sizing: border-box; } или есть другой способ сделать размеры элементов более интуитивными?

Comments

[iBird Rose]

ну собственно box-sizing: border-box; это и делает. что тебе еще нужно?

[Ivan Bogatov]

Какая адская лютая ненависть к стандартному алгоритму расчёта габаритов.)

[Монти Пайтон]

iBird Rose, Ivan Bogatov, вы в своих проектах ставите такую звёздочку на все элементы? (p.s. только учу css)

[iBird Rose]

Ostin1, да. ставлю. ну если мое мнение ничего не значит, то вот к примеру bootstrap тоже ставит skrinshoter.ru/i/050418/qOQax94A.png
ну и большинство популярных css фреймворков тоже

[Ivan Bogatov]

Ostin1, ну вот лично мне не доводилось, но за меня постоянно кто-то другой ставит - какая-то из библиотек. Видимо, у библиотек это свойство очень популярно.

Answer 1

[Вадим Кот]

Лучше

html {
  box-sizing: border-box;
}
*, *:before, *:after {
  box-sizing: inherit;
}

Тогда у любого враппера можно определить box-sizing отличный от border-box и все его дочерние элементы унаследуют от него. А иначе придется у всех внутренних элементов переопределять box-sizing.
https://css-tricks.com/box-sizing/