html – 如何防止webkit滚动条推挤div的内容？

概述我正在使用webkit滚动条,并且正在运行到造型问题,因为Webkit滚动条将左侧的div的内容推送到内容溢出. 注意 >第一盒使用默认浏览器滚动条,不溢出(不错) >第二盒使用webkit滚动条,最终破坏了布局. (坏/问题) http://jsfiddle.net/ryeah/1/ 任何想法,我在做错误的webkit滚动条导致div到/溢出.我们如何修复第二个盒子？谢谢 Webkit滚动条代码 我正在使用webkit滚动条,并且正在运行到造型问题,因为Webkit滚动条将左侧的div的内容推送到内容溢出.

注意

>第一盒使用默认浏览器滚动条,不溢出(不错)
>第二盒使用webkit滚动条,最终破坏了布局. (坏/问题)

http://jsfiddle.net/ryeah/1/

任何想法,我在做错误的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;}

总结

以上是内存溢出为你收集整理的html – 如何防止webkit滚动条推挤div的内容？全部内容，希望文章能够帮你解决html – 如何防止webkit滚动条推挤div的内容？所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。