Css 分区布局问题

我在下一页的DIV布局中遇到跨浏览器问题：

我在两个div周围都创建了一个边框，以便于识别

看起来IE9将内部DIV正确地嵌套在外部DIV中，而Firefox将DIV以不同的方式分开。我使用了一个“作弊”标记，以便将div与中心对齐，但是我在没有这些标记的情况下进行测试，浏览器仍然以不同的方式呈现它们

相关div位于我的评论行下：

---

我知道你们很聪明，我正在寻求你们的帮助！谢谢，Rob

您需要通过添加以下内容来清除浮动div：

或

并为父div添加一个宽度，这应该可以解决问题

更多信息：基于浮动的布局的一个常见问题是，浮动的容器不想向上伸展以容纳浮动。如果您想在所有浮动周围添加边框（即容器周围的边框），您必须以某种方式命令浏览器将容器一直拉伸

e、 g

---

有关更多信息：

Hi Reina，我不太明白在何处添加此代码，至少我认为我已经为父DIV分配了一个宽度。任何澄清都会有帮助。谢谢，在关闭父/容器divOk之前，在最后一个div之后添加它…只是尝试了一下，什么都没有。我想我不明白哪个div是“最后一个”，哪个div是“家长”。这一页上有太多的div，我很困惑。我很抱歉。也许你可以给我看一个我代码中的例子？好的，雷纳。我抓住一个机会，把它放在另一个地方，它成功了。你能解释一下这个标签的作用吗？“清晰”是什么意思？

<div class="parent">
  <div style="float:left"></div>
  <div style="float:left"></div>
  <div style="float:left"></div>
  <br clear="all"/>
</div>