css-overflowoverflow属性值：visible默认值hidden剪裁scroll滚动条区域一直在auto

overflow属性值：

visible 默认值
hidden 剪裁
scroll 滚动条区域一直在
auto 不足以滚动时没有滚动条，可以滚动时出现滚动条

overflow:hidden的剪裁区域为padding-box；

PC端，无论什么浏览器，默认滚动条均来自html标签；

PC端，滚动条占据宽度/高度，为17px；

让页面滚动条不发生晃动技巧：

html{
    overflow-y:scroll; /* for IE8 */
}
:root{
    overflow-y:auto;
    overflow-x:hidden;
}
:root body{
    position:absolute;
}
body{
    width:100vm;
    overflow:hidden;
}

-webkit-前缀的浏览器的滚动条自定义：

整体部分，::-webkit-scrollbar;
两端部分，::-webkit-scrollbar-button;
外层轨道，::-webkit-scrollbar-track;
内层轨道，::webkit-scrollbar-track-piece;
滚动滑块，::-webkit-scrollbar-thumb;
边角，::-webkit-scrollbar-corner

单行溢出‘点点点’效果：

.ell{
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
}

多行溢出‘点点点’效果（浏览器需支持-webkit-前缀）：

.ell-rows-2{
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
}