当我将iFrame放入其中时，如何阻止父DIV伸展？

Question

我不会直接发布代码，但您可以在此处查看：http://markbrewerton.co.uk/work.html

我有链接，当点击它们时会将iFrame加载到DIV中，但是，正如您将注意到的那样，父DIV被拉伸并且下降到很远。我对这一切都很陌生，所以你能解释我怎么解决它吗？

干杯

Answer 1

第一部分是使用高度和宽度样式设置div的边界。

之后设置溢出样式。

溢出有不同的值。 Auto可能会获得您想要的结果。 http://programming.top54u.com/post/HTML-Div-Tag-Overflow-CSS-Style-Scrollbars.aspx

Answer 2

试试这个（如果你想要滚动条）：

#yourdiv {
  height: 300px; /* fixed height */
  overflow: scroll;
}

...或者这个（如果你想剪辑内容）：

#yourdiv {
  height: 300px;
  overflow: hidden;
}

编辑：您还可以修复<iframe>本身的高度：

#youriframe {
  height: 300px;
}