如何将 iframe 设置为 div 样式？ （位置：固定）

Question

我有一个 div 包含一堆带有相应 css 的标签，所有这些都需要移动到 iframe 中。但是，当我这样做时，iframe 版本看起来会有所不同。

我已经将应用于父页面的这些部分的 css 复制到 iframe 的样式表中。但是，在为div -> iframe 的边框设置样式时，不清楚哪些样式应该应用于iframe 的body 标记，哪些样式应该应用于父页面中的iframe 标记。

Answer 1

你只需要赋予两个元素相同的样式。

HTML

<iframe src="http://example.com" frameborder="0"></iframe>
<div></div>

注意：frameborder 属性对于 IE

CSS

iframe,div {
    width: 450px;
    height: 250px;
    border: 1px solid #ccc;
    display: block;

    padding: 0;
    margin: 10px 20px;
}

这是fiddle containing that code。