我在屏幕顶部有一个导航栏，我还想在它下面有一个iframe，覆盖屏幕的其余部分。当我做width: 100%; height: 100%这样的事情时，我该如何使iframe不被截断呢?这是引用主体，因此iframe以100vw和100vh创建。由于导航条已经覆盖了屏幕的一部分，因此一些iframe被强制置于其下。是否有任何方法可以强制iframe尽可能大，而不超过屏幕大小，而不是硬编码它?
body {
margin: 0;
}
#navbar {
width: 100%;
height: 10vh;
background-color: skyblue;
}
iframe {
z-index: -1;
position: fixed;
width: 100%;
height: 100%; /* I dont want to hardcode this value */
}<body>
<div id="navbar">
<a>navbar</a>
</div>
<iframe src="https://wikipedia.org/wiki/Main_Page"</iframe>
</body>已为iframe添加z-index:-1;。这将强制iframe位于导航条下方。
试着删除它