我在 IE7 中将容器向右浮动时遇到问题。在 IE8+、Firefox、Chrome 和 Safari 中一切看起来都很好，但容器中的元素在 IE7 中出于某种原因包装。
我在 http://jsfiddle.net/aagC9/ 设置了一个 fiddle .我看到的问题在 IE9 中的 IE7 浏览器模式/文档模式中可见(它也在 XP 上的 IE7 中，但我认为这对人们来说更容易检查)。
虽然似乎很多人都遇到过类似的问题，但他们的解决方案对我没有用。我尝试将 overflow: hidden 和 overflow: visible 添加到容器和各种组合的元素中。我还尝试在 .message 容器上设置固定宽度，但这似乎也没有任何效果。虽然我可以在 .message 上使用固定的左边距，但它不能 100% 工作，因为 IE7 不支持 box-sizing 模型。
有人知道在 IE7 中使用 float 使其工作的秘诀吗？
谢谢!
最佳答案
这与您对 display:inline-block; 的依赖有关，IE7 支持，但并不总是正确。实际上，fix for it is pretty gross .但是，as in this updated fiddle , 它有效。
关于html - 在 IE7 中向右浮动 DIV 会导致元素换行，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/11571078/