gpt4 book ai didi

css - 为什么高度为:100% is the size of the containing block,但在IE中是窗口的高度?

转载 作者:行者123 更新时间:2023-11-28 19:00:23 27 4
gpt4 key购买 nike

我有这样的东西:

<table style="height:100%">
<tr><td style="height:250px;"></td></tr>
<tr><td style="height:100%;"><div style="height:100%;"></div></td></tr>
</table>

在 firefox 中效果很好,表格是窗口的大小,第二个 tr 填充底部的剩余空间,但在 IE 中,第二个 td 的 div 具有窗口的高度,这会导致滚动条.

这是代码:http://jsbin.com/uruki4

最佳答案

您最好使用 div 而不是表格。以下代码适用于 Safari 5、IE7+ 和 Chrome:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title></title>
<style type="text/css">
* { margin:0; padding:0 }
#fixed, #fill { position:absolute; width:100% }
#fixed { top:0; height:250px; background:red }
#fill { top:250px; bottom:0 }
#fill iframe { position:absolute; bottom:0 }
</style>
</head>
<body>
<div id="fixed"></div>
<div id="fill">
<iframe src="http://google.com" width="100%" height="100%" frameborder="0"></iframe>
</div>
</body>
</html>

确保包含文档类型,否则 IE 不会使用该标准。其他浏览器默认执行此操作。

关于css - 为什么高度为:100% is the size of the containing block,但在IE中是窗口的高度?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6122956/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com