Css 固色铬改性行为 AAA AAA AAA BBB BBB BBB

将上述HTML粘贴到此处：

然后缩小Chrome，您将看到

B最终将被强制下一行。如果您在Firefox和IE中执行相同的操作，那么

A和B将保持在同一行

在父级

上添加高度属性可能会有所帮助，但如果事先不知道内容的高度，这将是不可行的

我想知道如何在Chrome中解决这个问题

非常感谢大家

---

编辑：在此处上载了一个屏幕截图：

在您的第一个div中，添加以下内容：

<div style="background-color:red;width: 300px;">


 <div style="float:left;border:1px solid yellow;">AAA AAA AAA</div>

 <div style="float:left;border:1px solid green;">BBB BBB BBB</div>


 <div style="clear:both;"></div>

</div>

---

看看这是否有帮助。

我也不能复制这个，但你似乎只是在缩放文本，我现在在Chrome中找不到这个选项

但是，您应该记住，如果用户以某种方式覆盖了您指定的字体站点，则任何浏览器中都可能发生这种情况。除了保持布局足够灵活以处理它之外，您没有什么可以做的。例如，在这种情况下，不要以像素为单位设置周围元素的宽度，而是以

em

s为单位，使其相对于字体大小

---

可能还有其他解决方案，例如使用其他方法将元素放置在彼此旁边，但这需要您给出一个更具体的示例，说明您正在尝试实现的目标，特别是解释您不希望元素被包裹。

在我的Chrome 5上效果很好

我建议您在“em”中指定父div的宽度。。虽然您的特定版本的chrome似乎有一个bug，该bug已经修复：）

---

另一个解决方案是按照@Kyle的建议设置nowrap，而不是设置静态宽度-设置最小宽度。这样，div将展开，而不是让子项换行到第二行^ ^

尝试使用max width属性

我觉得不错，Win Vista上的Chrome。不错。Chrome 4.1.249.1064 Win XP 1280x1024您是否可以在某处发布您正在描述的内容的屏幕截图。我无法复制。请添加更多详细信息。

<div style="background-color:red;width: 300px; white-space:nowrap;">