Любое количество дополнений приводит к увеличению размера полноразмерного элемента div, который является прямым дочерним ⇐ CSS

[Гость]

У меня есть элемент div без содержимого, являющийся единственным дочерним элементом тела документа. К нему применяются стили width: 100% и height: 100%. Применение любого количества отступов (ширины или высоты) к элементу div приводит к увеличению его размера за пределы родительского тела.

HTML-документ:

CSS применен к предыдущему HTML-документу:

html, body { высота: 100%; маржа: 0; заполнение: 0; } дел { ширина: 100%; высота: 100%; отступ: 2рем; } Может кто-нибудь объяснить такое поведение и как его предотвратить? Я думал, что отступы будут сжимать содержимое до тех пор, пока не останется места, прежде чем увеличивать ширину и высоту, но в элементе div нет содержимого и в нем достаточно места для дополнительных отступов.