Php 网页的高度并没有随着广告的增加而增加，而是与容器重叠

我从数据库中获取广告名称并填充到我的网页中，但随着它的增加，它与容器重叠。 随着ads_容器中ads的增加，我需要增加div容器，反之亦然

我的网页PHP代码是

<div id="ads_container">

            <?php
                //current URL of the Page. cart_update.php redirects back to this URL
                $current_url = base64_encode($url="http://".$_SERVER['HTTP_HOST'].$_SERVER['REQUEST_URI']);
                $results = $mysqli->query("SELECT * FROM ads ORDER BY ad_id ASC");
                if ($results) { 
                //fetch results set as object and output HTML
                while($obj = $results->fetch_object())
                {
                    echo '<div class="ads">'; 
                    echo '<div class="ad"><img src="images/'.$obj->ad_img_name.'"></div>';
                    echo '</div>';
                }

            }
            ?>



        </div><!-- End of div ads_container -->

---

移除div上的绝对位置，改为放置一个浮点数。同时移除清除：两个

#ads_container {
  width: 170px;
  background-color: #CCCCCC;
  border-color: #000000;
  top: 0px;
  right: 0px;
  margin: 10px;
  padding: 10px;
  height: auto;
  float: right;
}

---

你能不能拍一张屏幕截图，看看重叠时发生了什么？这也有助于在浏览器级别查看页面源代码。然后我们可以回溯到CSS级别的原因。我不能放截图，因为我没有发布任何图像的声誉，这里是网页@ashishkumar的链接，这更好。谢谢Jonathan，这是我正在寻找的。

#ads_container {
  width: 170px;
  background-color: #CCCCCC;
  border-color: #000000;
  top: 0px;
  right: 0px;
  margin: 10px;
  padding: 10px;
  height: auto;
  float: right;
}