Как без псевдоэлементов добавить бордюр в меня шириной 100%, если 4 его пункта имеют ширину по 25%?

Question

[Martyer]

Требуется добавить 3 бордюра, шириной 1px, ширина меню = 100%, ширина пункта = 25%, получается эти 3 пикселя лишние. Как можно решить эту проблему?

Answer 1

[Антон Середний]

А если использовать box-sizing:border-box; ?

Так будет ширина считаться с учётом бордюра.

Comments

[Martyer]

Спасибо, я новичок в этом и сразу не додумался.)

[Антон Середний]

Ничего, но почитайте про префиксы к этому свойству.

[gassmonkey]

Антон Середний:
Зачем префиксы? box-sizing поддерживается со времён IE6, если не более ранних.
caniuse.com/#search=box-sizing

[Антон Середний]

gassmonkey: иногда все же подглючивает в опере без префиксов, и в андроидных браузерах.