Question

http://juniorgoldreport.com/gold-stock-charts/

这就是发生这种情况的例子。我正在桌面上查看它，并使用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分隔的，因为我试图让两个图表在两列中对齐，但这就是我现在正在处理的事情。我不知道第二个滚动条出现的位置和原因。

Answer 1

从CSS

中的overflow-x: hidden规则中删除body

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

根据仅针对特定网页的评论进行更新

对于您要定位的页面，请执行以下操作

HTML

<body data-page-charts>

CSS

body {
  overflow-x: hidden;
}

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

此页面上的第二个滚动条 - 不想要

1 个答案: