iframe滚动条隐藏了页面也被隐藏了(iframe滚动条)

2023-06-30 05:51:16 来源:互联网

1、比如我们可以把别人网站的内容加载到自己的网站页面上,直接嵌入到相应的页面中。这里我们简单梳理一下iframe的用法,方便有需要的朋友:

2、Inline frame usage?


(资料图片仅供参考)

3、首先,我们用DreamWeaver创建一个新的站点,把所有需要的页面汇总成一个页面。

4、然后我们找到一个需要嵌入页面的html文件,用DW软件打开,找到页面需要插入的位置。

5、然后我们输入iframe/iframe标签。在标签的前半部分,我们可以设置的属性将以一个空格出现。

6、我们需要设置src,这是我们需要引用的页面的地址。此外,我们可以简单地设置我们的iframe框架的边界以及是否有滚动条。

7、另外,我们还应该设置这个iframe框架的宽度。一般来说,我们把它的宽度设为100%,高度设为500px。因为iframe标签中设置的宽度和高度是具体的值,所以我们需要给iframe一个类。

8、然后定风格。

9、这样的iframe框架就嵌入在我们的网页中。我们可以按ctrl s和F12在浏览器中查看效果图。我用红色框出的部分是我们的嵌入页面。

10、Inline frame usage?

本文到此结束,希望对大家有所帮助。

关键词

最近更新