我能'；t管理css和html中div的定位

我正在创建一个网站并添加div。问题是我的主div（容器）没有跟随其中的div数。它内部的div继续与它重叠，并且不跟随容器。帮我找到问题。谢谢 下面是我的代码：

对于我的css：

.container{
position: relative;
height: 100%;

margin: 0 auto;
width: 100%;
max-width: 1100px;
background-color: #fff;
-moz-box-shadow:    0px 0px 6px 7px #ccc;
-webkit-box-shadow: 0px 0px 6px 7px #ccc;
box-shadow:         0px 0px 6px 7px #ccc;

}

.cities{
position: relative;
top: 110px;

}

.top{
position: relative; 
top: 120px; left: 25px;
max-width: 500px;
}

对于我的html：

        <div class="container" >

            <div class="cities">
                <p style="font-weight: bold; font-size: 18px;">Kwiktable Makati
                <a href="#" style="color: black; float: right; margin-right: 5px; ">Mandaluyong </a> <a href="#"style="color: black;float: right;margin-right: 5px; ">Pasig </a> <a href="#"style="color: black;float: right;margin-right: 5px; ">Quezon city </a> <a href="#"style="color: black;float: right;margin-right: 5px; ">Taguig </a></p>
            </div>
                <hr style="position: relative; top: 120px; width: 1060px; margin-right: auto; margin-left: auto;">
            <div class="top">
                <?php include'content1.html';?>
            </div>
            <hr class="middle" style="position: relative; top: -300px;"/>
            <div class="best">
                <h1 style="position: relative; width: 350px; left: 50px; height: 80px; color: #fff; text-shadow: 0px 0px 3px #000;"><span style="position: absolute; top: 20px; left: 40px">

                Kwiktable's Best!</span></h1>
                <?php include'best.php';?>

            </div>

Kwiktable Makati



Kwiktable是最好的！

---

发生的情况如下：

试着用

边距和
填充来定位你的div，而不是
顶部和
左侧。照目前的情况，它们只会占用在没有（位置）样式的情况下所占用的空间。所以并不是说你的
.container
没有包含，你就是说不出来。
如果您不使用
top:125px
而使用
padding top:125px
您的容器将展开。因为容器将看到元素占用了所有空间。（如果是浮动，请执行，然后需要清除它们。）
使用

位置：绝对位置；
顶部：100px；etc
首先，停止混合内联样式和样式表。将所有内容移到样式表中，您将有一个更轻松的时间。您所说的
。容器
不“跟随”其中的div是什么意思。你想让它看起来像什么？我想放一张图片，但stackoverflow不让我，他们说我需要至少10个信誉点。。。不管怎样，我想要的是容器将包含它里面的所有div，所以每当我添加另一个div时，容器将只会扩展，因为您将位置设置在另一个div之上，所以所有内容都是重叠的。为什么要明确地定位所有内容？我正在尝试在我的php页面上添加html页面。这有点像是黑客让他慢下来了。@user3690039-如果你想添加图像，你可以将图像的URL添加到你的问题文本中，然后添加一个便条，要求更高的代表用户代表你将其添加到问题中。我就是找不到问题。它仍然在做同样的事情，这就是你正在添加的东西
float:left
？