【发布时间】：2012-07-19 05:48:26
【问题描述】：
我在 IE7 中将容器浮动到右侧时遇到问题。在 IE8+、Firefox、Chrome 和 Safari 中一切看起来都很好，但容器内的元素在 IE7 中由于某种原因被包装了。
我在http://jsfiddle.net/aagC9/ 设置了一个小提琴。我看到的问题在 IE9 中的 IE7 浏览器模式/文档模式中可见（它也在 XP 上的 IE7 中，但我认为这对人们来说更容易检查）。
虽然似乎很多人都遇到了类似的问题，但他们的解决方案对我没有用。我尝试以各种组合将overflow: hidden 和overflow: visible 添加到容器和元素中。我还尝试在.message 容器上设置固定宽度，但这似乎也没有任何效果。虽然我可以在 .message 上使用固定的左边距，但它不能 100% 工作，因为 IE7 不支持 box-sizing 模型。
有人知道在 IE7 中使用浮动的秘诀吗？
谢谢！
【问题讨论】：
-
当人们为 IE6/7 开发时，我仍然总是感到惊讶。我认为 IE8 现在是公认的企业标准。
-
取决于公司。对于我认识的一些人来说，他们仍然必须为 IE6 编写代码！可怜的小伙子……
-
我一般是为IE8+编码，然后在IE7中看看。如果它非常接近，我会解决几个问题。如果不是我放弃。这恰好是 IE7 中唯一的问题之一，所以我想我会修复它 :) 我什至没有在 IE6 中查看它...
-
您为 '.chat-window-container' 设置了两次属性是否会导致冲突？
-
不，您可以根据需要多次设置类的属性。删除第一个不会改变任何事情。
标签： html css internet-explorer internet-explorer-7 css-float