页面选项卡上出现水平滚动条
如何删除页面选项卡上出现的水平滚动条。我让设计师创建了显示页面，但不确定如何更改 html 文件以使滚动消失。这是此粉丝页面上的欢迎页面 http://www.facebook.com/pages/MaidPro-of-Northern-Cincinnati/154767811271566?sk=app_214902645232913
这是当前代码
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="application/xhtml+xml; charset=UTF-8" />
<meta name="generator" content="SiteGrinder 2 http://www.medialab.com/sitegrinder" />
<title>maid_pro</title>
<link rel="stylesheet" type="text/css" media="screen, print, projection" href="maidpro.css"></link>
</head>
<body>
<div id="maidpro">
<div id="like"></div>
<div id="layer8"></div>
<div id="layer7"></div>
<div id="watchthisvideo"></div>
<div id="id5video"></div>
<div id="videoliteral">
<iframe width="389" height="217" src="http://www.youtube.com/embed/ogSI0DscP_4" frameborder="0" allowfullscreen></iframe>
</div>
<div id="shadow"></div>
</div>
</body>
</html>
how can I remove horizontal scroll bar appearing on page tab. I had a designer create the reveal page and am uncertain what to change to the html file to make the scroll disappear. It is the welcome page on this fanpage http://www.facebook.com/pages/MaidPro-of-Northern-Cincinnati/154767811271566?sk=app_214902645232913
This is the current code
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="application/xhtml+xml; charset=UTF-8" />
<meta name="generator" content="SiteGrinder 2 http://www.medialab.com/sitegrinder" />
<title>maid_pro</title>
<link rel="stylesheet" type="text/css" media="screen, print, projection" href="maidpro.css"></link>
</head>
<body>
<div id="maidpro">
<div id="like"></div>
<div id="layer8"></div>
<div id="layer7"></div>
<div id="watchthisvideo"></div>
<div id="id5video"></div>
<div id="videoliteral">
<iframe width="389" height="217" src="http://www.youtube.com/embed/ogSI0DscP_4" frameborder="0" allowfullscreen></iframe>
</div>
<div id="shadow"></div>
</div>
</body>
</html>
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（3）
通过查看该页面，您发现有几处错误。你应该让设计师来修复它。它的设计宽度似乎大于 Facebook 允许的宽度（520 像素）。首先，在 maidpro.css 中，将 #maidPro 宽度设置为 520 或更小，任何比该宽度更宽的内容都会开始缩小。然后删除“左”值以将项目移回原处。
You have several things wrong by looking at the page. You should get the designer to fix it. It seems designed for a width greater than Facebook allows, which is 520px. To start, in maidpro.css, set the #maidPro width to 520 or less, and anything wider than that start shrinking. And then removing "left" values to shift the items back over.
这样设置css即可去掉滚动条
，使用FB.Canvas.setAutoResize();
Set the css in this way to remove the scrollbar
and use FB.Canvas.setAutoResize();
答案在这里： Facebook 应用程序 - Javascript 设置画布高度? 是最好的解决方案，
我也遇到了这个问题，通常的方法似乎不起作用。但在使用了那篇文章中提到的技巧之后，我终于摆脱了滚动条。
The answer here: Facebook App - Javascript Set Height of Canvas? is the best solution
I had this problem too and the usual approach didn't seem to work. But after using the tricks mentioned in that post, I managed to finally get rid of the scrollbars.