怎么让div横向排列不换行,超出之后滚动条

方法:套三层DIV

在最外层div  box1 设置宽度 且overflow-x:scroll

在里面那层div box2不设置宽度 且white-space:nowrap

在list元素随意设置宽度

(如果用nowrap时候 list不能设置float)

(如果用非要list设置float实现横排的话 box2设置一个很大的宽度 容下所有list)

<div class="box1">
    <div class="box2">
        <div class="list"></div>
        <div class="list"></div>
        <div class="list"></div>
        <div class="list"></div>
    </div>
</div>

猜你喜欢

转载自blog.csdn.net/weixin_43099985/article/details/84876176