DIV中的iFrame,高度/宽度为100%

时间:2019-01-31 10:19:22

标签: html css iframe

我想在Content-DIV中使用iFrame以避免一直加载导航。

是否可以在第二个DIV中包含一个全高/全宽的iFrame?

<div style="position:fixed;width:190px;height:1500px;background:#951b24;float:left;z-index:1000;padding:25px>

Navigation

</div>

<div style="position:absolute;top:25px;left:265px;width:auto;height:auto">
Content
</div>

1 个答案:

答案 0 :(得分:1)

你是那个意思吗?

<div style="position:fixed;width:190px;height:1500px;background:#951b24;float:left;z-index:1000;padding:25px">

Navigation

</div>

<div style="position:absolute;top:25px;left:265px;width:calc(100% - 265px);height:100%;">
<iframe style="width: 100%; height: 100%;" src="https://www.youtube.com/embed/yfoY53QXEnI" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>