HTML | <iframe>宽度属性

简介

在 HTML 中，<iframe> 标签用于嵌入一个网页到另一个网页中。通过设置宽度属性，可以控制嵌入页面的宽度。

语法

<iframe src="URL" width="value"></iframe>

属性

• src: 嵌入页面的 URL 地址，必填属性。
• width: 嵌入页面的宽度值，可设置为像素值（如 600）或百分比值（如 80%）。

示例

像素值

下面这个示例会把嵌入的页面宽度设置为 600 像素。

<iframe src="https://www.example.com" width="600"></iframe>

百分比值

下面这个示例会把嵌入的页面宽度设置为宿主页面的 80%。

<iframe src="https://www.example.com" width="80%"></iframe>

注意事项

• 当设置嵌入页面的宽度为百分比值时，该值会相对于宿主页面的宽度计算。因此，当宿主页面的宽度发生变化时，嵌入页面的宽度也会跟随变化。
• 如果嵌入的页面宽度超出了指定的宽度值，那么页面会出现横向滚动条。为了避免这种情况，可以使用 CSS 样式或其他方式调整嵌入页面的布局和样式。