我正在使用webkit滚动条,并且正在运行到造型问题,因为Webkit滚动条将左侧的div的内容推送到内容溢出.
注意
>第一盒使用默认浏览器滚动条,不溢出(不错)
>第二盒使用webkit滚动条,最终破坏了布局. (坏/问题)
任何想法,我在做错误的webkit滚动条导致div到/溢出.我们如何修复第二个盒子?谢谢
Webkit滚动条代码:
- .Box2::-webkit-scrollbar {
- height: 16px;
- overflow: visible;
- width: 16px;
- }
- .Box2::-webkit-scrollbar-thumb {
- background-color: rgba(0,.2);
- background-clip: padding-Box;
- border: solid transparent;
- border-width: 1px 1px 1px 6px;
- min-height: 28px;
- padding: 100px 0 0;
- Box-shadow: inset 1px 1px 0 rgba(0,.1),inset 0 -1px 0 rgba(0,.07);
- }
- .Box2::-webkit-scrollbar-button {
- height: 0;
- width: 0;
- }
- .Box2::-webkit-scrollbar-track {
- background-clip: padding-Box;
- border: solid transparent;
- border-width: 0 0 0 4px;
- }
- .Box2::-webkit-scrollbar-corner {
- background: transparent;
- }