在我的项目中，我需要实现一个宽度未知（无限制）的容器div，如果宽度超过浏览器的窗口，则不会破坏新行。
容器div的CSS属性为（white-space：nowrap; display：inline;），此div中的组件具有（float：left）CSS属性。所有宽度都是静态设置的。为了测试行为，我使用了一个调用javascript函数的按钮，该函数在容器div中附加了一个组件。
问题是，当容器div的总宽度增加到大于浏览器的窗口宽度时，容器div内的组件将断开到新的行。我想知道是否有可能有无限宽度的div？
非常感谢..
答案 0 :(得分：4)
white-space: nowrap属性不适用于浮动元素。简单地说，当你向左或向右浮动一个元素时，它们之间没有空白。
有关白色空间的详细信息，请参阅white-space (CSS property)以及明确说明您不能使用浮点数执行此操作的行。
尝试将它们设置为display: inline-block，以便父级实际上认为它们是内容。
答案 1 :(得分：0)
尝试向容器div添加特定高度，或从div中的组件中删除float: left规则。