此頁上的第二個滾動條 - 不想要

這就是發生這種情況的示例。我在桌面上查看此內容，並使用wordpress創建。

出於某種原因，當我創建此頁面時，它添加了第二個完全沒用的滾動條。

我不知道爲什麼。圖表只是複製粘貼這裏是整個頁面看起來像

<div class="charts"> 
<div class="30-day"> 
<a href="http://charts.kitco.com/KitcoCharts/?Symbol=GOLD&amp;Currency=USD&amp;multiCurrency=true&amp;langId=EN&amp;period=2329200000&amp;names=,LFGOLDAM,LFGOLDPM&amp;descs=,Gold%20%20London%20Fix%20AM,Gold%20%20London%20Fix%20PM&amp;byValue=true&amp;utm_source=kitco&amp;utm_medium=banner&amp;utm_content=20110407_iCharts_30day_gold_chart&amp;utm_campaign=iCharts" target="_blank"><img src="http://www.kitco.com/LFgif/au0030lnb.gif" alt="" width="450" height="275" border="0" /></a> 
</div> 

<div class="60-day"> 
<a href="http://charts.kitco.com/KitcoCharts/?Symbol=GOLD&amp;Currency=USD&amp;multiCurrency=true&amp;langId=EN&amp;period=2329200000&amp;names=,LFGOLDAM,LFGOLDPM&amp;descs=,Gold%20%20London%20Fix%20AM,Gold%20%20London%20Fix%20PM&amp;byValue=true&amp;utm_source=kitco&amp;utm_medium=banner&amp;utm_content=20110407_iCharts_60day_gold_chart&amp;utm_campaign=iCharts" target="_blank"><img src="http://www.kitco.com/LFgif/au0060lnb.gif" alt="" width="450" height="275" border="0" /></a> 
</div> 

<div class="1-year"> 
<a href="http://charts.kitco.com/KitcoCharts/?Symbol=GOLD&amp;Currency=USD&amp;multiCurrency=true&amp;langId=EN&amp;period=2329200000&amp;names=,LFGOLDAM,LFGOLDPM&amp;descs=,Gold%20%20London%20Fix%20AM,Gold%20%20London%20Fix%20PM&amp;byValue=true&amp;utm_source=kitco&amp;utm_medium=banner&amp;utm_content=20110407_iCharts_365day_gold_chart&amp;utm_campaign=iCharts" target="_blank"><img src="http://www.kitco.com/LFgif/au0365nyb.gif" alt="" width="450" height="275" border="0" /></a> 
</div> 

<div class="5-year"> 
<a href="http://charts.kitco.com/KitcoCharts/?Symbol=GOLD&amp;Currency=USD&amp;multiCurrency=true&amp;langId=EN&amp;period=2329200000&amp;names=,LFGOLDAM,LFGOLDPM&amp;descs=,Gold%20%20London%20Fix%20AM,Gold%20%20London%20Fix%20PM&amp;byValue=true&amp;utm_source=kitco&amp;utm_medium=banner&amp;utm_content=20110407_iCharts_1825day_gold_chart&amp;utm_campaign=iCharts" target="_blank"><img src="http://www.kitco.com/LFgif/au1825nyb.gif" alt="" width="450" height="275" border="0" /></a> 
</div> 
</div>

有沒有額外的CSS我創建。

每個圖表都是分開的atm，因爲我試圖讓他們兩個對齊在兩列，但這是我現在正在工作的東西。我不知道第二個滾動條出現在何處或爲什麼。在你的CSS從body規則

來源

2016-05-19 Robolisk

刪除overflow-x: hidden

body { 
    /* overflow-x: hidden;  remove this */   
}

更新基礎上的評價是隻有一個特定的頁面將被有針對性

對於要針對頁面，像這樣做

HTML

<body data-page-charts>

CSS

body { 
    overflow-x: hidden; 
} 

[data-page-charts] { 
    overflow-x: visible; 
}

來源

2016-05-19 16:44:12 LGSon

，但因爲這是在WordPress做，會不會他們搞砸了我的所有其他網頁嗎？考慮我只想讓它在這個特定頁面上受到影響。 – Robolisk

@Robolisk在我的回答 – LGSon

上增加了一個關於你的更新答案的建議，當我右鍵點擊我的頁面並檢查元素時，我將要定位的頁面是（class）「post-827 page type-page status-publish hentry 「或者它會是ID（＃827後）？ – Robolisk

此頁上的第二個滾動條 - 不想要

回答

相關問題