I set overflow-x: scroll for the outermost div. When you want the span inside to exceed, scroll horizontally and find that the effect is still scrolling up and down. How to layout
html
<div class="shopCouponBor">
<span class="shopCouponString">99940</span>
<span class="shopCouponString">99940</span>
<span class="shopCouponString">99940</span>
<span class="shopCouponString">99940</span>
<span class="shopCouponString">99940</span>
<span class="shopCouponString">99940</span>
<span class="shopCouponString">99940</span>
</div>css
.shopCouponBor {
width: 450px;
height: 30px;
float: right;
overflow-x: scroll;
/* overflow-x:auto;
overflow-y:hidden;*/
}
.shopCouponString {
height: 28px;
line-height: 28px;
font-size: 17px;
color: -sharpFF9F9F;
border: 1px solid -sharpFF9F9F;
background: -sharpFFF1F1;
padding: 0 10px;
border-radius: 3px;
margin-right: 15px;
} 