如何设置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＆lt; 9来说是必不可少的，以避免丑陋的3D边框。

<强> CSS

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

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

这是fiddle containing that code。