亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

css怎么寫 div 顯示橫向滾動條

css怎么寫 div 顯示橫向滾動條

皈依舞 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
慕課專欄
更多

添加回答

了解更多

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號