Css 为什么这个div不增长div容器？

盒子

section.box-products {

有所有的

section.box-products ul li.item {   

元素，但即使

计数增加，box products div的高度也不会增加

为什么?

代码：

}

第3.2节产品h2{

font-size: 1.3em;
font-weight: 400;

}

第.box-products ul li.item{

width: 120px;
height: 140px;

margin-top: 12px;
margin-bottom: 12px;

/*border: 1px solid red;*/

}

更新：

添加溢出：隐藏；解决了这个问题

谢谢大家!

的子项是浮动的，因此父项会忽略（当涉及到高度时）。让父对象识别浮动子对象的一种简单方法如下：

.box-products { overflow: hidden; }

---

请在问题中发布相关代码。@Musa该代码已作为URL@HerrKStackoverflow不仅用于回答问题，还用于帮助将来可能遇到您问题的人，您的链接当时可能不可用，这就是您应该在此处发布代码的原因。@HerrK我似乎无法重现您的问题，我刚刚添加了50个

li

产品，

box产品似乎增长得很好。哦，我已经修复了代码，抱歉，我忘了提到：）我应该添加断开的代码将
li
从浮动更改为
内联块如何？
width: 120px;
height: 140px;

margin-top: 12px;
margin-bottom: 12px;

/*border: 1px solid red;*/

.box-products { overflow: hidden; }