很小的CSS保证金问题

Question

代码不是很小，可以将其粘贴到此处，因此我包含了codepen link，但我确信它易于阅读和理解。问题是： body下方有多余的空白，我了解到这是由于body不能扩展到适合itemsbox div顶部和底部的10％边距的原因，我想知道为什么它没有扩展，可以采取什么措施使其扩展以适合itemsbox及其边界。

其他信息：主体会扩展到适合itemsbox的位置，包括顶部和底部的边距如果 products中有itemsbox的三行或更多行，但productdummies除外，您可以复制以下内容product代码并将其添加到第一个productdummy之前，以查看实际效果。添加此代码的5个副本。

<div class="product" id="2155640">
  <div class="product-imagecontainer"><img class="product-image" src=""></div>
  <p class="product-name">Ninja Melk</p>
  <p class="product-price">$24</p>
  <button class="product-button-addtocart" onclick="addtocart">Add To Cart</button>
</div>

Answer 1

＃itemsbox中不需要行的最小高度

并删除文件html中的两行

 <div class="product product-dummy"></div>
 <div class="product product-dummy"></div>