我正在使用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; }
解决方法
嗯..我不能想到一个方法来获取webkit滚动条在重叠.停止换行的一个解决方案是隐藏滚动条
.box2::-webkit-scrollbar { height: 16px; overflow: visible; width: 16px; display: none; }
另外您可以将UL的宽度设置为与框相同,以便使用溢出功能并显示在滚动条下
.box ul { width: 149px; }
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。