Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/82.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 相当于<;iframe>;在同一文档中使用内容_Html_Css_Iframe - Fatal编程技术网

Html 相当于<;iframe>;在同一文档中使用内容

Html 相当于<;iframe>;在同一文档中使用内容,html,css,iframe,Html,Css,Iframe,我在一个相当长的结构中有许多html文档。视觉滚动的外观不是很好,所以我想把内容放在一个iframe中,这个iframe在视觉上更吸引人 但是,我并不想为每个要转换为iframe的文档添加另一个文档。所以,与其说 <html> <body> <iframe src="mydocument.html"> </iframe> </body> </html> 我想要相同的效果(滚动条,固定边框,滚动内部文

我在一个相当长的结构中有许多html文档。视觉滚动的外观不是很好,所以我想把内容放在一个iframe中,这个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>

内容丰富
那已经在片场了
html页面的数量。
当然,如果另一个标记或一些css向导将完成相同的事情,那么它不一定是iframe。进入框架的只是每页的一部分(主要内容)。我有其他导航类型的东西,我想保持原样

非常感谢您的任何想法


谢谢

如果我理解正确,只需将其添加到父容器中即可:

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

容器将有一个固定的高度,如果里面的内容大于定义的大小,您将得到一个滚动条,允许内容滚动

出于好奇,在iframe中,您可以放置URL,但在本例中,您将从何处获取该URL?OP的重点是使iframe等效,即特征,而不仅仅是id为的div。如果我理解正确,所有内容都在一个页面上,他只是想将内容的大小限制在某个区域。这很完美,谢谢@SlavenkoMiljic。NathanLee,我的问题措辞不好,我可以直接将css的其余功能应用到
id
中。你有没有看过手风琴的实现?嗨@TomRudge,我不熟悉。这是什么?我将如何实施它?为了简化它,只需html和css就可以实现这一点,这真是难以置信@TomRudge。谢谢你给我看。我想也许我的下一个项目。。。