为什么float css属性会调整div的大小？

Question

考虑以下风格：

#myDiv{
  background:orange;
  width:250px;
}

以及以下HTML代码：

<div id="myDiv">
    <p>
        Vote Pirates!<br />
    </p>
</div>

为什么在我将float:left属性添加到myDiv样式时会改变div的大小？

编辑：原来这是浏览器问题，甚至是操作系统特定问题。

Answer 1

这似乎是可能的答案：从流程中取出浮动框，因此它不会影响它周围的块级框。

在网站点上从this page解除。

此外，您可能遇到浏览器特定功能（错误？）。你在使用IE 6.0吗？

Answer 2

您当前示例的大小不会改变。

然而，具有相对单位的元素将会改变。 float属性从当前上下文中撕掉一个元素，导致高度/宽度可能不同。