前端开发中的奇淫技巧

隐藏滚动条
1.webkit的私有属性：只能在谷歌浏览器和苹果浏览器上有效（webkit内核）

&::-webkit-scrollbar{
            display: none;
          }

2.奇淫技巧
父元素的样式

height:固定死；
box-sizing:border-box;
overflow:hidden;

有滚动条的子元素的样式

width: 100%;
white-space: nowrap;
overflow-x: scroll;
padding-bottom: 100px;

思想：将滚动条挤出父元素，父元素设置overflow:hidden;然后就看不见滚动条啦！