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

Question

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

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

Answer 1

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

HTML

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

注意：该frameborder属性对于 IE<9 以避免难看的 3D 边框至关重要。

CSS

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

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

这是一个包含该代码的小提琴。