为什么浮动 CSS 属性会调整 div 的大小？
给定以下 style:
#myDiv{
background:orange;
width:250px;
}
和以下 HTML 代码：
<div id="myDiv">
<p>
Vote Pirates!<br />
</p>
</div>
为什么当我向 myDiv 样式添加 float:left 属性时它会改变 div 的大小？
编辑：事实证明这是浏览器问题，或者更糟糕的是操作系统特定问题。
Given the following style:
#myDiv{
background:orange;
width:250px;
}
and the following HTML code:
<div id="myDiv">
<p>
Vote Pirates!<br />
</p>
</div>
Why exactly would it change the size of the div when I add a float:left property to the myDiv style?
Edit: Turns out this is a browser-issue, or even worse an operating system specific problem.
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（2）
这似乎是可能的答案：浮动框被从流程中取出，因此它不会影响其周围的块级框。
摘自此页面在 sitepoint 上。
此外，您可能会遇到浏览器特定功能（错误？）。您使用的是 IE 6.0 吗？
This seems like the likely answer: A floated box is taken out of the flow, so it doesn’t affect the block-level boxes around it.
Lifted from this page on sitepoint.
Also, you might be experiencing browser specific functionality (errors?). Are you using IE 6.0?
当前示例的大小不会改变。
然而，具有相对单位的元素将会改变。
float属性将元素从当前上下文中分离出来，从而导致可能不同的高度/宽度。The size of your current example won't change.
Elements with relative units, however, will change. The
floatproperty rips an element from their current context, resulting in a possibly different height/width.