2

简而言之，我想通过 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>

现在，如果您希望（例如在示例页面上）第一个 iframe 具有特定高度，第二个 iframe 填充文档的其余部分，您可以使用displaycss 中属性的表值：

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 回答