没有固定宽度的力溢出

Question

我正在创建一个图像滚动条（或旋转木马，我认为它可能被调用），其中我基本上有一个水平元素，它有一个水平滚动的子元素。问题是，我希望父级是100％宽度，而我希望子级溢出，但我希望它的宽度是动态不固定的，这样我就可以在里面添加尽可能多的元素而不指定固定的宽度。 / p>

这可能吗？这是我现在正在处理的一个例子，但是目前，溢出的可滚动元素有一个固定的宽度，所以我可以允许它溢出。

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>

这是html是什么的高级基本概念

Answer 1

您可以使用white-space并将float放到inline-block https://jsfiddle.net/xhhmtmgn/133/，然后width不再需要absolute位置。