一招搞定iframe高度自适应


虽然说iframe有各种各样的缺点,但在有些情况下,我们不得不使用它;

使用iframe的时候,很多情况下我们需要高度自适应,通常,我们都要写一堆JS;

下面分享一段代码,不需要任何JS,就可以让iframe高度自适应;

熟悉框架用法的同学,我们可能记得有一种上下结构的框架;

那么我们就从这种框架出发,选择上下结构的框架,把上面的部分高度设置成0,那么下半部分自然而然就可以实现高度自适应了;

代码如下:

<frameset rows="0,*" frameborder="no" border="0" framespacing="0">
  <frame src="about:blank" name="topFrame" scrolling="No" noresize="noresize" id="topFrame" title="topFrame" />
  <frame src="http://www.hongniaophp.com/" name="mainFrame" id="mainFrame" title="mainFrame" />
</frameset>
<noframes>
<body>
您的浏览器不支持框架!
</body>
</noframes>

© 红鸟PHP  Powered by hncms!