padding-top вызывает исчезновение нижней части полосы прокрутки в FF

Question

На моей HTML-странице настроен следующий DIV:

<div id="contentDiv" style="padding-top: 20px; padding-left: 20px; overflow: auto; height: 100%;" >

Содержимое достаточно велико, поэтому требуется вертикальная полоса прокрутки.В IE страница выглядит нормально.Однако в FF нижняя часть полосы прокрутки переполняет нижнюю часть страницы на величину, заданную верхним отступом (т. Е. 20 пикселей).Есть ли способ сохранить верхнюю часть отступа и полностью отобразить полосу прокрутки в FF?Спасибо.

Answer 1

Если версии IE ниже 8 не имеют значения, вы можете использовать box-sizing: border-box для включения отступов в размеры блока.