Html CSS水平滚动不工作

我有一个长div，我想滚动，但滚动条是灰色的。无论我怎么尝试，它似乎都不会出现。我可以将其向左拖动并突出显示，但无法滚动

以下是完整的代码：

<link rel="stylesheet" href="/documents/mathquill/mathquill.css"/>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script src="/documents/mathquill/mathquill.js"></script>




<style>

#body{width: 500px; overflow-x: scroll;}
</style>
    <div id = "body">


y = \sqrt{\frac{2}{10}}\left(\frac{1}{\sqrt{2}}\cdot 11.07+-0.19\cos \left(\frac{\pi }{10}\left(n+0.5\right)\cdot 1\right)+-8.51\cos \left(\frac{\pi }{10}\left(n+0.5\right)\cdot 2\right)+7\cos \left(\frac{\pi }{10}\left(n+0.5\right)\cdot 3\right)+-7.24\cos \left(\frac{\pi }{10}\left(n+0.5\right)\cdot 4\right)+6.01\cos \left(\frac{\pi }{10}\left(n+0.5\right)\cdot 5\right)+-5.26\cos \left(\frac{\pi }{10}\left(n+0.5\right)\cdot 6\right)+3.93\cos \left(\frac{\pi }{10}\left(n+0.5\right)\cdot 7\right)+-2.76\cos \left(\frac{\pi }{10}\left(n+0.5\right)\cdot 8\right)+1.36\cos \left(\frac{\pi }{10}\left(n+0.5\right)\cdot 9\right)\right)

</div>






<script>
  var MQ = MathQuill.getInterface(2);
  MQ.StaticMath($('#body')[0]);
</script>

#正文{宽度：500px；溢出-x:scroll；}
{1}{{1}{{{{2}{{{2}}{{2}}{{1}{{{{2}}{{{{2}}}{2.07-0.19\cos\门门门门门门门门门门门门门门门门门门门门冬{{{{{3.19\\门门门门门门门门门门门冬\ \ \ \门门门门冬{{{{{{{{{{{{{{{{{{{{3.7}{3.7.7}{{3.7}{0.19\门门门门门门门门门门门门门门门门门门门门门门门门门门门门门门门门门门门门门门门门门门冬\ \ \ \ \ \ \ \ \ \ \门门门门门门门门门门门门门冬\ \ \ \ \ \ \ \ \ \{\pi}{10}\left（n+0.5\right）\cdot4\right）+6.01\cos\left（\frac{\pi}{10}\left（n+0.5\right）\cdot 5\right）+-5.26\cos\left（\frac{\pi}{10}\left（n+0.5\right）\cdot 6\right）+3.93\cos\left（\frac{\pi}{10}\left（n+0.5\right）\cdot 7\right）+-2.76\cos\left（\frac{\pi}{10}\left（n+0.5\right）\cdot 8\right）+1.36\cos\frac{
var MQ=MathQuill.getInterface（2）；
MQ.StaticMath（$（'#body'）[0]）；

---

您可以访问以下站点：

只需添加

overflow-x:scroll

到class

mq根块

或

mq hasCursor

并从

id body

它会起作用的

---

大多数人不会点击你的链接。如果你想包含一个示例，请在此处创建并包含链接。它在此处起作用