在 Facebook iframe 应用周围添加填充答案

【问题标题】：Add padding around Facebook iframe app在 Facebook iframe 应用周围添加填充
【发布时间】：2012-07-23 04:34:49
【问题描述】：

我有一个 Facebook iframe 应用，使用可变宽度。

我不知道如何在此应用与外部顶部内容、左边距和右边内容之间创建空间。

目前，我的 Facebook 应用与周围的外部内容之间没有空间。

尝试了各种 CSS padding 和 margin，但这些都为 iframe 应用内部的内容添加了间距。

这是所要求的相关标记（谢谢）。

HTML：

<!DOCTYPE HTML>
<html>
  <head>
    <!-- various FB metadata -->
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, maximum-scale=1.0, initial-scale=0.5, user-scalable=yes" />

     <title>Slideshow</title>
  </head>

  <body
    <div id="slideshow">
    <!-- various html/jquery for slideshow -->
  </body>

CSS：

body {
  margin-top: 20px; padding-top: 20px; /* only works with content INSIDE the app */

  font-family: Verdana, sans-serif;
  background-size: cover;
  font-smoothing: antialiased;
  background: radial-gradient(ellipse at center,  #e5e5e5 0%,#5e8cba 100%); /* W3C */

  /* browser-specific elided */
}

【问题讨论】：

标签： html css facebook facebook-iframe

【解决方案1】：

A) 用 >

关闭你的 body 标签

<body>

B) 填充仅适用于内部。总是。而且我不相信保证金在该内容中有效。尝试在外面添加一个 div，并为其添加填充。

<!DOCTYPE HTML>
<html>
  <head>
<!-- various FB metadata -->
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, maximum-scale=1.0, initial-scale=0.5,                    user-scalable=yes" />

 <title>Slideshow</title>
 </head>

<body>
<div style="padding:5px">
<div id="slideshow">
<!-- various html/jquery for slideshow -->
</div>
</div>
</body>

【讨论】：

谢谢！是的，我在转录中错过了来自<body> 的>。我按照您的示例尝试了填充，但不幸的是这不起作用。
你在 facebook 应用的正文中添加了什么边距？