爲什麼浮動css屬性調整div的大小？

Question

鑑於以下樣式：

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

和下面的HTML代碼：

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

到底爲什麼將它改變div的大小，當我加入float:left屬性爲myDiv的風格？

編輯：原來這是一個瀏覽器問題，甚至更糟糕的操作系統的具體問題。

Answer 1

這似乎是一個可能的答案：一個浮動框取出流動的，所以它不會影響周圍的塊級盒。

從站點上的this page解除。

此外，您可能會遇到瀏覽器特定的功能（錯誤？）。你使用IE 6.0嗎？

Answer 2

您當前示例的大小不會更改。

但是，具有相關單位的元素會發生變化。 float屬性從當前上下文中撕掉一個元素，導致可能不同的高度/寬度。