Css 为什么这个段落元素溢出到它下面的div上？为什么那个小分队要留在原地？

在该页面上，您可以看到下面的黄色背景框保持不变，并且段落在其顶部爆炸。我一辈子都搞不明白为什么会发生这种事。黄色背景框未设置为

位置：绝对或任何东西。这些零件都不是。。。然而，不管怎样，这一段的篇幅仍然很长

以下是HTML：

<div class="descriptionMap">
    <div class="leftcolumn">
        <h1><?php echo $address; ?></h1>
        <p><?php echo nl2br($description) ?></p>
    </div>
    <div class="rightcolumn">
        <?php echo($googleMapEmbedCode); ?>
    </div>
</div>
<div class="pictureBoxContainer">
    <div class="pictureBox">
        <div class="pBoxLeftColumn">
            <?php
                echo "<div class='pBoxLargeImageContainer'>";
                echo "<img src='$pictureLinks[0]' id='largeImage' alt='Primary Image' class='pBoxLargeImage'>";
                echo "</div>";
            ?>
        </div>
        <div class="pBoxRightColumn">
            <?php
            foreach ($pictureLinks as $picture)
            {
                echo "<div class='pBoxSmallImageContainer'>";
                echo "<img src='$picture' alt='Thumbnail' class='pBoxSmallImage'>";
                echo "</div>";
            }
            ?>
        </div>
    </div>
</div>

有什么想法吗？我在这里遗漏了什么？

<div class="descriptionMap clearfix">


.clearfix类将清除descriptionMap容器中的浮动。
清除.descriptionMap中的浮动。添加溢出：隐藏到.descriptionMap。编辑-更好的是，将“.clearfix”添加到“.descriptionMap”div.staircasebug:这就解决了它！现在，您知道为什么建筑物图像在整个页面的左侧向上浮动，尽管没有为其分配浮动/位置属性吗？您有附加到容器“.pBoxLeftColumn”（位置：绝对；）的位置属性。将.pictureBox或.pictureBoxContainer设置为position:relative，.pBoxLeftColumn将自身定位在这些内容中，而不是主体中。
<div class="descriptionMap clearfix">