在css中溢出滚动的浮动

Question

如何设置overflow-x滚动使用浮动左侧，如果设置浮动左侧子div，无法滚动，因为sub div设置在screen.and不能设置宽度为父div因为子div是动态的。

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

Answer 1

尝试

.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>