水平滚动条不显示

viosey
  • 41

这是一个 Demo

pre / code 里面
如果代码长度超过代码框的总长,应该会出现一个水平滚动条。但是 demo 里面没有出现。

Demo 里只有选中内容并拖动鼠标,滚动条才会出现。

除此之外,macOS 系统可以使用 shift + 鼠标滚动 进行水平滚动。在 demo 也无法实现。

然后我不知道具体是哪个代码导致了这个原因,所以没办法贴出代码,在 demo 进行调试应该会比较方便。


下图为 demo 中的代码块截图。

可知代码长度已超出代码框,但是下面没有出现水平滚动条。
环境为:macOS,Chrome & Firefox

图片描述

回复
阅读 6.3k
1 个回答
✓ 已被采纳

没有限制好宽度,把那些父元素都设置为 display:block,宽度就限制住了,滚动条就出现了~
codeFix.png
codeEffect.png

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
宣传栏