Прекращение обертывания плавающих div

Я хочу иметь ряд div (ячеек), которые не переносятся, если браузер слишком узок для их размещения.

Я поискал в стеке и не смог найти рабочий ответ на то, что я думаю, должно быть простым вопросом css.

Ячейки имеют указанную ширину. Однако я не хочу указывать ширину строки, ширина должна автоматически совпадать с шириной ее дочерних ячеек.

Если область просмотра слишком узкая для размещения строк, тогда div должен переполниться полосами прокрутки.

Пожалуйста, предоставьте свой ответ в виде рабочего фрагмента кода, так как я пробовал много решений, которые видел в другом месте ( например, укажите ширину: 100%, и они, похоже, не работают).

Я ищу решение только для HTML / CSS, без JavaScript.

 .row {float: left; граница: сплошной желтый 1px; ширина: 100%; перелив: авто; } .cell {float: left; граница: Сплошной красный 1px; ширина: 200 пикселей; высота: 100 пикселей; } 

 
 
 a 
 
 b 
 
 c  
 

На данный момент я жестко кодирую ширину строки как очень большое число.