Div和Iframe之间的巨大空间

下面的div和iframe之间有一个巨大的空间。

我试图做很多事情，但我没有解决这个问题。如果我添加margin-left:-350px该空间关闭，但这对我没有意义。

为什么形成这个空间？

以及如何删除它？

<html>
<head>
<!--[if IE]>
<style>
#frame {
    zoom: 0.2;
}
</style>
<![endif]-->
<style>
#frame {
    width: 800px;
    height: 520px;
    border: none;
    -moz-transform: scale(0.2);
    -moz-transform-origin: 0 0;
    -o-transform: scale(0.2);
    -o-transform-origin: 0 0;
    -webkit-transform: scale(0.2);
    -webkit-transform-origin: 0 0;
}
</style>
</head>
<body>
<iframe id="frame" src="http://www.bing.com"></iframe>
<div class="xxx"> Test</div>
</body>
</html>

这是因为您给出大小然后缩放。在这里您有：(

#frame {
display:block;
    width: 800px;
    height: 520px;
    border: none;
   
}

<iframe id="frame" src="http://www.bing.com"></iframe>
<div class="xxx"> Test</div>

相关内容

最新更新

热门标签：