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

Высота должна быть динамической...
Смотреть: https://codepen.io/lubus/pen/WJvQpR

Скрин:
5ad98efe58b3a977263963.png

Высота трех блоков задана в процентах (20%, 70%, 10%).

Родитель имеет высоту 4,5in (если умножить на 96 - это 432px).

Минус 6px border - имеем 426px
20% от 426px - это 85,2px (хотя по факту там 84,8px)
70% от 426px - это 298,2px (хотя по факту там 297,6px
10% от 426px - это 42,6x (хотя по факту там 42,4px)

Т.е. в сумме рендерится меньше на 1,2px. Почему?
  • Вопрос задан
  • 99 просмотров
Ответы на вопрос 1
@BelkinVadim
Frontend разработчик
В предыдущем вопросе вам написал, что тут странное поведение в хроме. Почему-то в хроме не получается задать дробные значения для табличных ячеек, он округляет до целых. Ради примера, создайте блок высотой 205.5px и таблицу с одной ячейкой той же высоты - хром округлит до целого высоты таблицы. Хоть вы и делаете на дивах, но имитируете таблицу через table/table-cell по этому будет тот же результат
Ответ написан
Ваш ответ на вопрос

Вопрос закрыт для ответов и комментариев

Потому что уже есть похожий вопрос.
Похожие вопросы