http://juniorgoldreport.com/gold-stock-charts/
这就是这种情况发生的例子。我在桌面上看到这个,是用wordpress创建的。
由于某种原因,当我创建这个页面时,它添加了一个完全无用的第二个滚动条。
我一点也不知道为什么。这些图表只是复制粘贴在这里,这是整个页面的样子。
<div class="charts">
<div class="30-day">
<a href="http://charts.kitco.com/KitcoCharts/?Symbol=GOLD&Currency=USD&multiCurrency=true&langId=EN&period=2329200000&names=,LFGOLDAM,LFGOLDPM&descs=,Gold%20%20London%20Fix%20AM,Gold%20%20London%20Fix%20PM&byValue=true&utm_source=kitco&utm_medium=banner&utm_content=20110407_iCharts_30day_gold_chart&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&Currency=USD&multiCurrency=true&langId=EN&period=2329200000&names=,LFGOLDAM,LFGOLDPM&descs=,Gold%20%20London%20Fix%20AM,Gold%20%20London%20Fix%20PM&byValue=true&utm_source=kitco&utm_medium=banner&utm_content=20110407_iCharts_60day_gold_chart&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&Currency=USD&multiCurrency=true&langId=EN&period=2329200000&names=,LFGOLDAM,LFGOLDPM&descs=,Gold%20%20London%20Fix%20AM,Gold%20%20London%20Fix%20PM&byValue=true&utm_source=kitco&utm_medium=banner&utm_content=20110407_iCharts_365day_gold_chart&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&Currency=USD&multiCurrency=true&langId=EN&period=2329200000&names=,LFGOLDAM,LFGOLDPM&descs=,Gold%20%20London%20Fix%20AM,Gold%20%20London%20Fix%20PM&byValue=true&utm_source=kitco&utm_medium=banner&utm_content=20110407_iCharts_1825day_gold_chart&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机,因为我试图让它们两列对齐,但这是我现在正在做的事情。我不知道第二个滚动条出现在哪里或为什么。
发布于 2016-05-19 08:44:12
从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;
}
https://stackoverflow.com/questions/37329309
复制相似问题