Anordnen von mehreren Div-Tags in einer Reihe

[SuperPM70]

Was ich erreichen will:Mehrere Div-Container in einem Div-Container. Der Div-Container .scroll soll sechs identische divs . sub-div enthalten, wobei unten eine scrollbar seien soll, damit man auch wirklich alle divs .sub-div sehen kann.

Die Situation:
Nach drei divs .sub-div wird ein Umbruch gemacht.
Beispielhafter HTML-Code:

<div class="scroll">
<div class="sub-div"></div>
<div class="sub-div"></div>
<div class="sub-div"></div>
<div class="sub-div"></div>
<div class="sub-div"></div>
</div>

Dazu passendes CSS, meiner Idee nach:

div.scroll {
     overflow-x: scroll;
}

div.sub-div {
     display: inline-block;
}

Ich bin meines Erachtens nach kein Anfänger mehr, was CSS-Angelegenheiten und dieses Beispiel scheint mir extrem einfach zu lösen zu sein. Ich bin verzweifelt und suche Hilfe.
Mfg,
SuperPM70

 

[threadi]

Ich bin mir nicht sicher, aber fehlt da bei div.scroll nicht noch eine feste Breite?

 

[Tronjer]

Mache .scroll so breit, dass drei .subdiv nebeneinander passen und gib .subdiv ein float: left. Der Scrollbalken sollte automatisch erscheinen.

 

[SuperPM70]

Na ja ob der scroll balken erscheint liegt ja am browser, deine technik funktioniert aber leider nicht
links vorher, rechts mit deinem Vorschlag.

 

[SuperPM70]

Klappt nicht die Situation in Bildern: links mein Code, rechts deiner mit fester width: