Iframe 自动适应屏幕高度

最新推荐文章于 2024-06-14 15:13:12 发布

翻译最新推荐文章于 2024-06-14 15:13:12 发布 · 2.2k 阅读

c#编程同时被 2 个专栏收录

21 篇文章

订阅专栏

.net

14 篇文章

订阅专栏

本文介绍了一个关于HTML页面中使用100%高度显示的问题，指出正确的DOCTYPE声明对于确保元素能够正确填充整个视口的重要性。

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head >

</head>

<body>

  <iframe frameborder="0" id="sysMain" name="sysMain" scrolling="yes" src="center.html" style="height:100%;visibility:inherit; width:100%;z-index:1;"></iframe>

</body>

</html>

注意页面标准不是<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">而是<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> 否则高度100%是无效的