【问题标题】:How to get an iframe to occupy full width (i.e. display like a div)如何让 iframe 占据全宽(即像 div 一样显示)
【发布时间】:2012-10-31 21:37:49
【问题描述】:

我试图让iframe 表现得像普通的非浮动DIV 一样。即占据父级的全宽。这可能吗?寻找相当于说display: div;

编辑:我不是在寻找width: 100%,因为左边还有另一个浮动元素。非浮动 DIV 将占用右侧的其余空间。这是我希望实现的行为。

工作中:右边有一个DIV - http://jsbin.com/onaxax/1/edit

不工作:右侧有一个IFRAME - http://jsbin.com/erapuv/1/edit

【问题讨论】:

  • 你试过设置 style="width:100%" 吗?
  • @PabloRomeo - 请参阅我上面的编辑。我会发布一个小提琴来演示我在寻找什么。
  • 知道了,编辑有助于澄清。查看 Litek 的答案。这可能会奏效。

标签: html css


【解决方案1】:

您必须使用 overflow:hidden 将 iframe 包裹在元素中,这将占用剩余空间,然后将 iframe 的宽度设置为 100%。

Example.

【讨论】:

  • 它叫做 display:block
  • 如果您要修复 css 中的高度错字会很棒:)。谢谢
  • 在 HTML5 中,这不再有效:IFRAME 宽度属性必须是像素,不能是百分比。
  • 如果我添加 100% 而不是数值,W3c 会验证吗?
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2013-10-20
  • 2018-08-17
  • 2021-10-27
  • 2022-07-11
  • 1970-01-01
相关资源
最近更新 更多