Div Id =“chartcontainer”覆盖页面宽度

Question

我一直在我的网站上工作，但遇到了这个非常奇怪的问题。大多数图表容器都会调整到网页的宽度。但是，前2个被类似于element.style属性的覆盖，如下所示：

这意味着首次加载网页时http://newton-poppleford-weather.co.uk/trends.htm，前2个图表的宽度比页面允许的宽度宽（100％）。

我尝试在'div id =“containerx”'之后编写样式特定的HTML来尝试覆盖它，但这不起作用。例如：

<div id="chartcontainer1" style="width: 100% !important">

我不确定如何/我是否可以编辑element.style代码，因为在研究之后它似乎已经完成了。

感谢您的帮助。

威廉

Answer 1

以这种方式添加css

#chartcontainer1 {width:100% !important;}

Answer 2

横向滚动的主要原因是你有100％宽的内容和左右两边的额外填充：

#content {
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 120px;
}

更改它并省略左右填充：

#content {
    width: 100%;
    padding-top: 120px;
}