Javascript 如何保持div的宽度不变？

我正在制作一个网站，在特定的时间内循环使用不同的引号，开始时会有延迟。当我加载页面时，第一个引号出现，它会自动在页面上添加一个滚动条，页面看起来会更大。我尝试使用css并隐藏滚动条，但它不起作用。我不希望它是一个固定的大小，因为我希望它是一个百分比宽度

var quotes=[]//这里有不同的QUOTE
var nextNum=Math.floor（Math.random（）*（quotes.length））；
var randNum；
var方程；
函数genQuote（）{
randNum=nextNum；
nextNum=Math.floor（Math.random（）*（quotes.length））；
while（randNum==nextNum）{
nextNum=Math.floor（Math.random（）*（quotes.length））；
}
方程=（（引号[randNum].length/4.25）*60）*3；
document.getElementById（'quote'）.innerHTML=quotes[randNum]；
setTimeout（genQuote，等式）；
}
设置超时（genQuote，6000）

如果您只想隐藏水平滚动条，则可以将以下内容添加到css中：

body {
    overflow-x: hidden;
}

我假设您试图将overflow-x属性添加到段落元素而不是正文中，这就是它不起作用的原因
 如果您只想隐藏水平滚动条，则可以将以下内容添加到css中：

body {
    overflow-x: hidden;
}

我假设您试图将overflow-x属性添加到段落元素而不是正文中，这就是它不起作用的原因
 好答案，你还应该解释为什么段落溢出不起作用，但会对正文起作用。好答案，你还应该解释为什么段落溢出不起作用，但会对正文起作用。