html - iframe 100% 高度问题

标签 html css iframe

<分区>

这里这一期我想让iframe占据整个蓝框。

Fiddle

我已将宽度和高度设置为 100%,但高度无效。任何修复?

最佳答案

display: table-row 更改为 display: block。另请注意,填充 div 的高度百分比仅适用于具有固定高度的父容器,通过 px 或其他方式,或以百分比 % 表示。 Here 是修正后的 fiddle 。

否则您可以尝试使用自己的布局。但将 position: absolute;width:300px;height:250px; 添加到您的 div #two。如果你想用百分比显示一些元素,那么它的父容器的属性(宽度和高度)应该被定义,只有这样, child 才会拉伸(stretch)。

Here 是 fiddle 。

关于html - iframe 100% 高度问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12318650/

上一篇:css - 是否可以将 iframe 的元素位置更改为超出 iframe

下一篇:css - 使用显示 :table 的 HTML 布局问题

相关文章:

jquery - 使用jQuery按钮单击更改iFrame的URL?

javascript - 从页面重定向到 dojo View

html - 在 div 中居中元素

javascript - 使用 JavaScript 平滑地更改数字

javascript - 在下一行中插入新磁贴

css - 凹形边界半径是否可能?

javascript - 在 InternJS 中切换框架后如何进行

jQuery 模态对话框问题

html - 如何固定 div 的大小但保持响应

javascript - Bootstrap 下拉菜单选择依赖