force overflow ohne feste Breite

Question

Ich erstelle ein Bild Scroller (oder Karussell ich denke, es kann genannt werden), wo ich grundsätzlich ein horizontales Element, das ein horizontal scrollendes Kind Element hat. Das Problem ist, ich möchte die Eltern 100% Breite, während ich möchte, dass das Kind überläuft, aber ich möchte seine Breite dynamisch nicht behoben, so dass ich so viele Elemente hinzufügen kann wie ich möchte, ohne eine feste Breite anzugeben.

Ist das möglich? Hier ist ein Beispiel dafür, woran ich gerade arbeite, aber derzeit hat das scrollbare Element, das überläuft, eine feste Breite, sodass ich es überlaufen lassen kann.

https://jsfiddle.net/ahmadabdul3/xhhmtmgn/132/

<div class='parent'> width here is 100% 
    <div class='horizontal-scroll'> width here is anything, depends on how many items are inside 
    <div class='item'></div> 
    <div class='item'></div> 
    <div class='item'></div> 
    <div class='item'></div> 
    </div> 
</div> 

Dies ist die High-Level-Grundidee von dem, was die html ist

Answer 1

Sie white-space und float für inline-blockhttps://jsfiddle.net/xhhmtmgn/133/ dann width und absolute Positionning Drop verwenden können nicht mehr benötigt werden.