11.1 浮动框架iframe

本文介绍了HTML中的浮动框架iframe,它是嵌套在浏览器窗口内的子窗口,允许自定义宽度和高度并放置在页面任意位置。浮动框架不同于frameset框架,它的大小可以独立于上级页面。还讲解了如何通过scrolling属性控制iframe的滚动条显示,提供了auto、yes和no三种情况的说明。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

####一、浮动框架iframe简介
浮动框架是一种较为特殊的框架,它是在浏览器窗口中嵌套的子窗口,整个页面并不一定是框架页面,但要包含一个框架窗口。< iframe>框架可以完全由设计者定义宽度和高度,并且可以放置在一个网页的任何位置,这极大地扩展了框架页面的应用范围。
< frameset>生成的框架结构是依赖上级空间尺寸的,它的宽度或者高度必须有一个和上级框架相同。而< iframe>浮动框架可以完全由指定宽度和高度决定。

语法:
< iframe src=“浮动框架的源文件” width=“浮动框架的宽” height=“浮动框架的高”>< /iframe>

说明:
src属性是iframe的必须属性,它定义浮动框架页面的源文件地址。
在普通框架结构中,由于框架就是整个浏览器的窗口,因此不需要设置其大小。但是在浮动框架中,框架是插入到普通HTML页面中,所以可以调整框架的大小。浮动框架的宽度和高度都是以像素为单位。width和height这2个都是可选属性。

####二、设置浮动框架是否显示滚动条scrolling
对于浮动框架iframe的的滚动条,我们可以使用scrolling属性来控制。scrolling属性有3种情况:根据需要显示、总是显示和不显示。

语法:
< iframe src=“浮动框架的源文件” width=“浮动框架的宽” height=“浮动框架的高” scrolling=“取值”>< /iframe>

说明:
scrolling属性值 说明
auto 默认值,整个表格在浏览器页面中左对齐
yes 总是显示滚动条,即使页面内容不足以撑满框架范围,滚动条的位置也预留
no 在任何情况下都不显示滚动条

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值