Почему размер блока отличается от заданных css свойств?

Question

[ParaBellum577]

Делая таблицу и выравнивая блоки, столкнулся с такой проблемой: размер бока в HTML почему-то отличается от заданных ему стилей.
На скрине видно, что инлайном блоку задана ширина в 82.0625px, но реально она меньше (72,94). С чем это может быть связано и как пофиксить?
Вот свойства родительского блока:
Ширина ему тоже задается инлайново, в зависимости от размера экрана

width: 1750.67px;
    height: 68px;
    display: flex;
    align-items: center;
    border-bottom: 1px solid #c4c4c4;

Comments

[oink]

Чтобы дать точный ответ, хорошо бы увидеть воспроизведенный кусочек на codepen.io или аналогичном сервисе, но так, навскидку: родителю сказано стать флекс-контейнером, а у детей флекс-контейнера по умолчанию flex-shrink: 1, т.е. они могут сжиматься, подстраиваясь под родителя, чтобы уместиться в него.

Answer 1

[Андрей Мартынкевич]

Попробуйте указать flex-shrink: 0

Answer 2

[ParaBellum577]

Всем спасибо, проблема была в том, что ширина родителя не совсем корректно высчитавалась. Она была меньше, чем сумма ширин элементов внутри