html页面关闭浮动div,html – 停止浮动div包装

我想有一行div(单元格)，如果浏览器太窄，不适合他们不包裹。

我搜索Stack，并找不到一个工作的答案，我认为应该是一个简单的css问题。

单元格具有指定的宽度。但是我不想指定行的宽度，宽度应该自动为其子单元格的宽度。

如果视口太窄，无法容纳行，那么div应该用滚动条溢出。

请提供您的答案作为工作代码段，因为我已经尝试了很多解决方案，我在其他地方看到(如指定宽度：100％，他们似乎不工作)。

我正在寻找一个HTML / CSS only解决方案，没有JavaScript。

.row {

float: left;

border: 1px solid yellow;

width: 100%;

overflow: auto;

}

.cell {

float: left;

border: 1px solid red;

width: 200px;

height: 100px;

}

a

b

c

目前我实际上是将行的宽度编码为一个非常大的数字。