div不换行，div横轴滑动，

最新推荐文章于 2024-03-24 03:21:27 发布

张可爱呀--

最新推荐文章于 2024-03-24 03:21:27 发布

阅读量297

点赞数 1

文章标签： html javascript

本文链接：https://blog.csdn.net/m0_60207396/article/details/120419882

版权

一定要有三个div

<div class="mix">

        <div class="coun">

                <div class="max"> 方块1</div>

                <div class="max"> 方块2</div>

                <div class="max"> 方块3</div>

        </div>

</div>

.max{
		width: 30vw;//不要设置百分比
		overflow-x: scroll;//横轴滚动
		
	}
	.cent{
		white-space: nowrap;//在一行显示
	}
	.min{
		display: inline-block;//把div变成行内块级元素
		width: 15%;
		height: 5vw;
	}