2017-03-10 72 views
1

我一直在我的網站上工作,但遇到了這個非常奇怪的問題。大部分chartcontainer都會根據網頁的寬度進行調整。 enter image description hereDiv Id =「chartcontainer」覆蓋頁面的寬度

這意味着,當所述網頁第一次加載:然而,頂部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代碼爲研究後,似乎這是一成不變的。

感謝您的幫助。

威廉

+0

如果有任何東西由element.style設置,這意味着該元素具有與HTML內聯的CSS。這通常是由JavaScript插件等添加。 –

+0

我認爲是這樣,謝謝。 –

回答

1

新增CSS這樣

#chartcontainer1 {width:100% !important;} 
+0

謝謝。我會直接將這個添加到頁面或通過一個聲明的CSS文件? –

+0

您聲明爲具有樣式標記的css文件或頁頭。 –

+0

謝謝。我發現它是在頁面中聲明的javascript代碼中缺少「:」。 –

1

的主要原因水平滾動的是,在左,右在這裏你有100%的範圍的內容和更多的填充:

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

更改它並忽略左側和右側填充:

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

理想情況下,我想填充頁面,那麼頁面將是整個頁面的寬度,看起來不太精彩。這是我能解決這個問題的唯一方法嗎? –

+0

我無法理解的是爲什麼其中2個比其他更寬。 –

+0

https://i.gyazo.com/1252bcc425667d63cc07175c2fec50b1.png –