من میخوام سه تا مربعی که امدن به خط پایینی تو همون خط بالایی باشن اما اسکورل بشن اضافشون

[aliali2102 0]

سلام این سه تا مربعی که اومدن خط پایینی رو میبینید من نمی خوام بیان خط پایینی بلکه تو همون خط خودشون با شن و اضافه اونها با اسکورل افقی دیده بشه ممنون میشم کمکم کنید 

اینم کدی که استفاده میکنم 

<style>
 .clearfix {
 content: '';
 clear: both;
width:100%;
 height:200px;
 background:#eee;
overflow-x:scroll;
 display: table;
 }
 .child {
 width: 100px;
 height: 100px;
 background: pink;
 margin: 5px;
 float: right;
 }
 </style>

<div class="parent clearfix">
 <div class="child">1</div>
 <div class="child">2</div>
 <div class="child">4</div>
 <div class="child">5</div>
 <div class="child">6</div>
 <div class="child">7</div>
 <div class="child">8</div>
 <div class="child">9</div>
 <div class="child">10</div>
 <div class="child">11</div>
 <div class="child">12</div>
 </div>

 

[asadiy4n 2807]

سلام به انجمن خوش آمدید

دو نمونه مشابه

https://jsfiddle.net/26kdouaw/
http://jsfiddle.net/5WsEt/