首页猿问 css怎么写 div 显示横向滚动条

css怎么写 div 显示横向滚动条

JavaScript

皈依舞 2019-04-14 10:33:14

类似于这样的结构container宽度是整个屏幕的宽度box-1宽度是container的20%box-2宽度是container的80%box-3宽度是container的20%开始的时候看不到box-3拖动container来显示box-3

查看完整描述

2 回答

慕神8447489

TA贡献1780条经验获得超1个赞

最终效果可以看看苹果官网用手机打开的顶部滑动菜单，以下是我写的一个演示DEMO可以这样写：HTML:hello

hello2

hello3

CSS:.container-wrap{width:100%;height:50px;background-color:rgba(0,0,0,0.8);white-space:nowrap;overflow:hidden;overflow-x:scroll;/*1*/-webkit-backface-visibility:hidden;-webkit-perspective:1000;-webkit-overflow-scrolling:touch;/*2*/text-align:justify;/*3*/&::-webkit-scrollbar{display:none;}}.container{}.container>div{display:inline-block;height:50px;color:#fff;text-align:center;line-height:50px;}.box-1{width:80%;}.box-2{width:20%;}.box-3{width:20%;}

反对回复 2019-04-14

热搜

最近搜索清空

css怎么写 div 显示横向滚动条

css怎么写 div 显示横向滚动条

2 回答

添加回答