Html 在一个div中浮动

嗨，我想在我的网站首页上做一个div，包含一个浮动img和一些浮动文本h3，p和a。然后我想用不同的text/pic循环下面的div。当我这样做一次时，它工作正常，但是容器div没有拉伸到适合内容。因此，当我在下面添加另一个时，它会重叠

代码：

博客
在Phenoix玩
所以我们在10点10分左右到达了phenoix。罗米已经准备好了，不确定他是否能做到…

在Phenoix玩
所以我们在10点10分左右到达了phenoix。罗米已经准备好了，不确定他是否能做到…

#博客{
浮动：左；
宽度：400px；
边框顶部：#0FF实心6px；
}
#邮政公司{
填充：10px；
边框顶部：1px#FFF实心；
边缘顶部：10px；
}
#博客h1{
字体大小：20px；
颜色：#FFF；
填充：10px；
左侧填充：0px；
字母间距：2px；
}
#博客p{
字体大小：15px；
颜色：#FFF；
浮动：对；
清楚:对,；
宽度：300px；
右边距：30px；
字母间距：2px；
边缘顶部：5px；
}
#博客a{
字体大小：15px；
颜色：#FFF；
浮动：对；
清楚:对,；
宽度：300px；
右边距：0px；
字母间距：2px；
边缘顶部：5px；
字体：斜体；
文字装饰：下划线；
}
#博客h3{
字体大小：15px；
颜色：#FFF；
浮动：对；
清楚:对,；
宽度：300px；
右边距：30px；
字母间距：2px；
边缘顶部：5px；
字体大小：粗体；
}
#博客img{
浮动：左；
清除：左；
}

块级元素，除非您告诉它们，否则不要扩展到浮动元素的高度。您应该在最后一个浮动元素之后添加一个清除元素来解决此问题。而不是：

      </div>
</div>

使用：

---

有关此解决方案的详细说明以及替代解决方案，请参见：

在html和css中显示包含容器div的代码

      </div>
</div>

      </div>
      <br style="clear: both"/>
</div>