Float mit Überlauf blättern in css

Question

, wie Überlauf-X-Bildlauf mit Float nach links gesetzt, wenn gesetzt float nach Sub-Div, kann nicht scrollen, weil Sub-div in screen.and gesetzt und Breite nicht auf Eltern div da sub div sind dynamisch.

.parent div{ 
    overflow-x:scroll; 
    display:Block; 
} 
.sub div{ 
    float:left; 
} 

Answer 1

Versuch

.parent{ 
 
      overflow-x:scroll; 
 
      display:Block; 
 
    white-space: nowrap; 
 
     } 
 
      .parent .sub{ 
 
       /*float:left;*/ 
 
     display:inline-block; 
 
       margin-right:10px; 
 
       border:1px solid red; 
 
      }

<div class="parent"> 
 
    <div class="sub"> 
 
    testing</div> 
 
    <div class="sub"> 
 
    testing testing</div> 
 
    <div class="sub"> 
 
    testing</div> 
 
    <div class="sub"> 
 
    testing testing</div> 
 
    <div class="sub"> 
 
    testing</div> 
 
    <div class="sub"> 
 
    testing</div> 
 
    <div class="sub"> 
 
    testing</div> 
 
    <div class="sub"> 
 
    testing</div> 
 
    <div class="sub"> 
 
    testing</div> 
 
    <div class="sub"> 
 
    testing</div> 
 
    <div class="sub"> 
 
    testing</div> 
 
    <div class="sub"> 
 
    testing testing</div> 
 
    <div class="sub"> 
 
    testing</div> 
 
    <div class="sub"> 
 
    testing</div> 
 
    <div class="sub"> 
 
    testing</div> 
 
    <div class="sub"> 
 
    testing</div> 
 
    <div class="sub"> 
 
    testing</div> 
 
    <div class="sub"> 
 
    testing</div> 
 
</div>