如何防止白色 space 出现在我的网页上方和下方？

Question

Please click this image for a detailed description of my issue

我的HTML见下文。我正在使用 Google 的 Swiffy 将我的 ActionScript 3.0 SWF 文件转换为 HTML5。然后我使用 iFrame 将 HTML5 嵌入到我的网站中。

<!doctype html>
<html>

<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <title>Swiffy Output</title>
  <script type="text/javascript" src="https://www.gstatic.com/swiffy/v7.4/runtime.js"></script>
  <script>
    swiffyobject = {
        "as3": true,
        "frameRate": 24,
        "frameCount": 109,
        "backgroundColor": -1,
        "frameSize": {
          "ymin": 0,
          "xmin": 0,
          "ymax": 14500,
          "xmax": 20000
        },
        "fileSize": 233905,
        "v": "7.4.1",
  </script>
  <style>
    html,
    body {
      width: 100%;
      height: 100%
    }
  </style>
</head>

<body style="margin-top: 0px; margin-bottom: 0px; overflow: hidden">
  <div id="swiffycontainer" style="width: 100%; height: 100%; margin-top: 0px; margin-bottom: 0px;">
  </div>
  <script>
    var stage = new swiffy.Stage(document.getElementById('swiffycontainer'),
      swiffyobject, {});

    stage.start();
  </script>
</body>

</html>

           <iframe id="myiFrame" src="http://autogatesystems.businesscatalyst.com/phone/QS_Steel/QS_Steel.htm"
    style="border:0px;-webkit-overflow-scrolling: touch;overflow: hidden; fub;" name="myiFrame" scrolling="no" frameborder="0" marginheight="0" marginwidth="0" height="604" width="100%"></iframe>

Answer 1

您是否尝试将 html 和 body 元素的 margin-top 和 margin-bottom 设置为 0？

Answer 2

将 div 的高度设置为 100%

height: 100%;

Answer 3

我解决了！我将 html Google Swiffy body 的高度更改为：

    height: 60vw

在托管我的 iFrame 的 HTML 文件中，我将其更改为：

    height="60%"

顶部和底部的空白都消失了！

如何防止白色 space 出现在我的网页上方和下方？

How do I prevent the white space from appearing above and below my webpage?

html

whitespace

dreamweaver

muse