2

簡単に言えば、この Web サイトがフレームを通じて達成することを、iframe を通じて達成したいと考えています。CSS を使用し、JavaScript を使用せずにこれを行うにはどうすればよいでしょうか?

4

1 に答える 1

4

次の HTML があるとします。

<!doctype html>
<div>
 <iframe src="http://www.example.com"></iframe>
</div>
<div>
 <iframe src="http://www.example.org"></iframe>
</div>

display(例のページのように) 最初の iframe に特定の高さを持たせ、2 番目の iframe にドキュメントの残りの部分を埋める場合は、css でプロパティのテーブル値を使用できます。

html {
height: 100%;
}

body {
display: table;
height: 100%;
width: 100%;
margin: 0;
}

div {
display: table-row;
}

div:first-child {
height: 100px;
}

div:last-child {
height: 100%;
}

iframe {
display: table-cell;
width: 100%;
height: 100%;
border: none;
}
于 2012-08-15T13:11:07.017 に答える