问题描述
我正在尝试拉伸 iframe
的大小以填充我的网络应用程序中的剩余空间.我知道为 div
分配了最大空间(通过添加边框),但是 iframe
高度本身并没有扩展以填充整个垂直高度.
问题是 row content
iframe
没有填充整个垂直空间,即使 flexbox 适当地分配了该空间.
有什么想法吗?
.box {显示:弹性;弹性流:列;高度:100vh;}.box .row.header {弹性:0 1 自动;}.box .row.content {弹性:1 1 自动;}.box .row.footer {弹性:0 1 40px;}.row.content iframe {宽度:100%;边框:0;}
<div class="行标题"><h1>活动详情</h1><div id="容器"><h5>测试</h5><div data-role="navbar"><ul><li><a href="players.html" class="ui-btn-active ui-state-persist">玩家</a><li><a href="games.html">游戏</a><li><a href="chat.html">Chat</a>
<div class="行内容"><iframe src="players.html"></iframe>