Div внутри тела со 100% высоты с запасом ⇐ Html

[Гость]

У меня есть div class=body_div, внутри которого будет больше элементов div. Я хочу убедиться, что на моем экране нет прокрутки. body_div должен иметь отступ 2 % для каждого размера и должен покрывать всю остальную часть экрана (100 % высоты и ширины) с отступом 2 %.

Я сделал это ниже

тело{ высота: 100вх; ширина: 100vw; } .body_div { маржа: 2%; ширина: 100%; высота: 100%; box-shadow: 0 0 2px черный; дисплей: гибкий; гибкое направление: строка; размер коробки: граница-коробка; } Внутри body_div у меня есть левая и правая стороны

.left_side { ширина: 40мм; высота: 100%; } .правая сторона { ширина: 60vw; высота: 100%; } Я получаю прокрутку как с левой, так и с правой стороны. Не знаю, почему высота и ширина body_div (если задано 100%) вместе с полем не ограничивается 100% тела, а выходит за его пределы, даже при изменении размера поля.