Ширина: calc (максимальный контент + 10px)?

Question

[AjubaGomes]

Я мог бы просто установить ширину вручную, но я подумал, что было бы неплохо, если бы был автоматический способ установки моего div в «fit-content + 10px». fedloan

Это для выпадающего меню. При наведении курсора на 3 пикселя слева, что, очевидно, приводит к увеличению размера контейнера, в результате чего все меню расширяется и сжимается при наведении курсора на его пункты. Padding и margin не делают этого, поскольку они просто выдвигают div так же, как содержимое. Что нужно, так это освободить место для занимаемой / исчезающей границы, чтобы занять ее, прежде чем она начнет давить на стороны div.irs.gov

Answer 1

[Erl]

box-sizing: border-box?

Answer 2

[Ankhena]

Вариантов несколько и их комбо:
1. Делают границу цвета фона или прозрачную.
2. Задают box-sizing: border-box
3. Вместо границы задают псевдоэлемент или тень или градиент.
4. Компенсируют границы отступами или шириной.

Последний вариант наименее умный/удобный.