CSS: Div mit fester Größe aber relativen Position

[superjojo140]

Hallo

Ich einen Container (als div umgesetzt), der fest auf meiner Seite platziert ist. Dies habe ich mit

position: fixed;

gelöst. Funktioniert auch super.

Nun möchte ich innerhalb dieses divs mehrere weitere SubContainer haben, deren Göße ich relativ zum HaupContainer angeben kann. Gleichzeitig sollen diese Container aber automatisch nebeneinander positioniert werden. Wenn es mehr SubContainer sind als in den HauptContainer „reinpassen“ sollen sie über horizontales scrollen des HauptContainers erreicht werden können.

Wenn ich die Subcontainer mit

position: absolute;
height: 80%;
width: 30%;

skaliere, funktioniert das Skalieren gut, sie werden nur alle übereinander geklatscht und nicht nebeneinander.

Wenn ich stattdessen mit

position: relative;
height: 80%;
width: 30%;

arbeite, sind sie schön positioniert, jedoch werden height und width Angaben ignoriert.

Falls wer helfen kann würde ich mich sehr freuen.

Nachdem ich jetzt schon Wochen daran herumprobiere frage ich einfach mal selbst, falls es schon eine Antwort in einem anderen Forenbeitrag geben sollte, entschuldigt und verlinkt sie bitte.