Css 为什么我的<；部门>；s离开父母<；部门>；？

我很困惑。我希望2个div的内容根据子div的大小动态扩展其父div的高度；最高可达600px，但它们只是重叠，大小没有增加。有人介意提供一些见解吗？很明显我遗漏了什么

下面是正在发生的事情：

这是我的html：

<div class="pictureBoxContainer">
    <div class="pictureBox">
        <div class="pBoxLeftColumn">
            Lorem ipsum dolor sit amet, consectetur adipisicing elit. Impedit perspiciatis nihil explicabo quasi veritatis ipsum. 
        </div>
        <div class="pBoxRightColumn">
            Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quam, architecto quis quaerat excepturi maxime.
        </div>
    </div>
</div>

---

父母通常会扩大到他们孩子的高度，但在孩子漂浮的情况下不会

• 可以移除浮动以完成展开
• 要基于浮动子级展开parentdiv，请尝试

  overflow:auto在.pictureBox上。这将使.pictureBox扩展到其子对象的高度。下面是一个显示结果的示例

---

有效，谢谢！我已经做CSS几个月了，甚至不知道溢出：自动是一件事。酷意味着，谢谢！编辑：我必须等待11分钟才能将此标记为“已回答”。。。那看起来很傻，不客气。实际上

溢出：自动允许浏览器决定
溢出
的值。虽然我倾向于使用
auto
，因为
div
s的扩展可能超过浏览器的高度，因此需要一个滚动条。@SamuelStiles，您可能还想查看css属性
clear
，而不仅仅是这个，还有级联如何工作以及执行
属性：value；财产：其他价值.pictureBoxContainer {
    padding: 12px;
    clear:left;
    clear:right;
    width: 100%;
    background-color: #eee;
    border-radius: 4px;
    max-height: 600px;
}

.pictureBox {
    border: 1px solid #ee5;
    width:100%;
}

.testp {
    padding: 10px;
}

.pBoxLeftColumn {
    display: block;
    float: left;
    max-width: 49.99%;
}

.pBoxRightColumn {
    display: block;
    float: right;
    max-width: 49.99%;
}