首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >问答首页 >页面上的第二个滚动条-不需要

页面上的第二个滚动条-不需要
EN

Stack Overflow用户
提问于 2016-05-19 16:39:44
回答 1查看 26关注 0票数 0

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

这就是这种情况发生的例子。我在桌面上看到这个,是用wordpress创建的。

由于某种原因,当我创建这个页面时,它添加了一个完全无用的第二个滚动条。

我一点也不知道为什么。这些图表只是复制粘贴在这里,这是整个页面的样子。

代码语言:javascript
代码运行次数:0
运行
复制
<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机,因为我试图让它们两列对齐,但这是我现在正在做的事情。我不知道第二个滚动条出现在哪里或为什么。

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2016-05-19 16:44:12

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

代码语言:javascript
代码运行次数:0
运行
复制
body {
  /* overflow-x: hidden;       remove this  */         
}

根据只针对特定页面的注释进行更新。

对于您想要针对的页面,请执行以下操作

HTML

代码语言:javascript
代码运行次数:0
运行
复制
<body data-page-charts>

CSS

代码语言:javascript
代码运行次数:0
运行
复制
body {
  overflow-x: hidden;
}

[data-page-charts] {
  overflow-x: visible;
}
票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/37329309

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档