div出现横向滚动条

html___________________________________________________________________________________


export default{

data(){

return{

conList:[

{

listImg:require('../assets/img/edu1.png')

},

            {

listImg:require('../assets/img/edu1.png')

},

            {

listImg:require('../assets/img/edu1.png')

}

]

}

}

};

style_________________________________________________________________


.main{

width:100%;

    height:100%;

  }

.container-wrap{

width:100%;

    height:30vw;

    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 */

  }

.container{

width:120%;

    height:30vw;

    overflow:hidden;

    overflow-x:auto;

  }

.list{

width:40%;

    display:inline-block;

    height:30vw;

    color:#fff;

    margin-left:2vw;

    text-align:center;

    line-height:30vw;

  }

/*.container .list:nth-child(1){*/

/*width:80%;*/

/*}*/

/*.container .list:nth-child(2){*/

/*width:20%;*/

/*}*/

/*.container .list:nth-child(3){*/

/*width:20%;*/

/*}*/

  .list img{

width:100%;

    height:30vw;

  }

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 第一部分 HTML&CSS整理答案 1. 什么是HTML5? 答:HTML5是最新的HTML标准。 注意:讲述HT...
    kismetajun阅读 28,079评论 1 45
  • 1、垂直对齐 如果你用CSS,则你会有困惑:我该怎么垂直对齐容器中的元素?现在,利用CSS3的Transform,...
    kiddings阅读 8,391评论 0 11
  • 昨天跟运动达人交流,说到为什么每天走那么远也无法减脂。耐力也算不错,长距离的远足也没有什么问题,体重却是一直保持得...
    oulan阅读 819评论 0 0
  • 我心脏那个地方疼的厉害,仿佛有一把利刃刺穿,疼入骨髓,疼的厉害
    我是憨憨你是谁阅读 656评论 0 0
  • 6.5分前几天路过望京地铁站,看见墙上柱子上刷满了全职高手的广告,突然回想起一个问题:腾讯爸爸有钱啊,在IP地主当...
    君问归期否阅读 2,454评论 0 0