Chrome浏览器通常使用::-webkit-scrollbar来隐藏滚动条,但是在ie上不兼容
Chrome Safari
::-webkit-scrollbar {
display: none; /* Chrome Safari */
}
ie 子元素宽度设置宽度大于父元素17px,父级元素设置overflow:hidden,超出隐藏
<div class="wrap">
<div class="content"></div>
</div>
.warp{
height:100%;
width:1200px;
overflow:hidden;
}
.content{
height:100%;
width: -webkit-calc(100% + 17px);
width: -moz-calc(100% + 17px);
width: calc(100% + 17px);
overflow-y: scroll;
}