【发布时间】：2011-08-02 17:57:24
【问题描述】：
如果浏览器太窄而无法容纳它们，我希望有一排不换行的 div（单元格）。
我已经搜索了 Stack，但对于我认为应该是一个简单的 css 问题的问题找不到有效的答案。
单元格具有指定的宽度。但是我不想指定行的宽度，宽度应该自动为其子单元格的宽度。
如果视口太窄而无法容纳行，那么 div 应该会溢出滚动条。
请提供您的答案作为工作代码 sn-p，因为我已经尝试了很多我在其他地方看到的解决方案（例如指定宽度：100%，但它们似乎不起作用）。
我正在寻找仅 HTML/CSS 的解决方案，没有 JavaScript。
.row {
float: left;
border: 1px solid yellow;
width: 100%;
overflow: auto;
}
.cell {
float: left;
border: 1px solid red;
width: 200px;
height: 100px;
}<div class="row">
<div class="cell">a</div>
<div class="cell">b</div>
<div class="cell">c</div>
</div>目前我实际上正在将行的宽度硬编码为一个非常大的数字。
【问题讨论】：
-
以下答案之一对您有用吗？我对他们中的任何一个都没有任何成功。
-
我刚刚尝试了所有答案，但没有一个对我有用。问题是我需要将两个浮动的左侧 div 居中，并防止在调整窗口大小后将右侧的 div 推到左侧。
-
@Nicholas 我认为我的示例正是您正在寻找的，我今天遇到了同样的问题。下拉菜单溢出，但第一层不换行。