Question

我有一个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 */
}

Answer 1

A）用＆gt;

关闭身体标签

<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>

在Facebook iframe应用程序周围添加填充

1 个答案: