Fatal编程技术网
  • html/
  • Html 一个小小的边际问题

Html 一个小小的边际问题

html css

Html 一个小小的边际问题,html,css,whitespace,Html,Css,Whitespace,代码不太小，无法粘贴到这里，所以我包含了一个， 但我相信它很容易阅读和理解 问题是：主体下方有多余的空白，我了解到这是由于主体未展开以适应项框div顶部和底部10%的边距造成的，我想知道它为什么没有扩展，以及可以采取什么措施使其扩展以适应itemsbox，包括它的边距 附加信息：如果itemsbox中有3行或更多行产品，则主体将展开以适应itemsbox，包括顶部和底部的边距，您可以复制以下产品代码，并将其添加到第一个产品虚拟之前，以查看此操作。 添加此代码的5个副本 <div class

代码不太小，无法粘贴到这里，所以我包含了一个， 但我相信它很容易阅读和理解
问题是：主体下方有多余的空白，我了解到这是由于主体未展开以适应
项框
div顶部和底部10%的边距造成的，我想知道它为什么没有扩展，以及可以采取什么措施使其扩展以适应
itemsbox
，包括它的边距

附加信息：如果
itemsbox
中有3行或更多行
产品，则主体将展开以适应
itemsbox
，包括顶部和底部的边距，您可以复制以下
产品
代码，并将其添加到第一个
产品虚拟
之前，以查看此操作。
添加此代码的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>




忍者混战


24美元

添加到购物车

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

并删除html文件中的两行


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






这些
产品假人对flexbox正常工作非常重要。我不想将
itemsbox
限制在特定高度，但我也想设置一个基本高度，所以我使用了最小高度