CSS 滚动条宽度 All In One

滚动条宽度

IE 16px
Chrome 12px

scrollbar width bug

改变设计稿的宽度，没考虑到 scrollbar width

solutions

hidden scrollbar width IE 不支持

scrollbar-width: none;



scrollbar-width: none;

scrollbar-width: thin;

scrollbar-width: auto;

https://css-tricks.com/almanac/properties/s/scrollbar-width/

https://developer.mozilla.org/en-US/docs/Web/CSS/scrollbar-width

https://caniuse.com/?search=scrollbar-width

CSS 滚动条宽度 All In One

hidden ::-webkit-scrollbar IE 不支持

*::-webkit-scrollbar {

  display: none;

  width: 0 !important;

  height: 0 !important;

  background: transparent;

}

margin-right: 负值

.tools-lib-container {

    box-sizing: border-box;

    position: absolute;

    top: 30px;

    left: 0;

    bottom: 0;

    right: -12px;

    padding: calc(30px);

    // padding: calc(30px - 12px / 2);

    // scrollbar-width: 16px

    background:#EEEEF0;

    // overflow: hidden;

    overflow: auto;

}