相当于使用同一文档</iframe>中的内容的<iframe>

时间:2013-08-29 10:05:13

标签: html css iframe

我在结构中有很多html文档很长。视觉滚动的外观不是很好,所以我想将内容放入相当于iframe的内容中。

我真的不想为我想要转换成iframe的每个文档添加另一个文档。所以而不是说

<html>
  <body>
   <iframe src="mydocument.html">
   </iframe>
  </body>
</html>

我希望内容看起来像

的效果相同(滚动条,固定边框,滚动内部文字)
<html>
  <body>
   <iframe>
     a great lot of content
     that is already on a set
     of html pages.
   </iframe>
  </body>
</html>

当然,如果另一个标签或某些css魔法完成相同的事情,它不一定是iframe。它只是每个页面的一部分(#main内容)进入框架。我有其他导航类型的东西,我想保持不变。

非常感谢任何想法。

由于

1 个答案:

答案 0 :(得分:3)

如果我正确地得到了这个,那么将它添加到您的父容器就足够了:

#content{
  overflow-y: scroll;
  height: 500px;
}

容器将具有固定的高度,如果内部的内容大于定义的大小,您将获得滚动条以允许内容滚动;