Html 如何使iFrame没有滚动条

我正在制作一个小部件，如下所示：

出于某种原因，我似乎无法让滚动条消失。有人知道怎么做吗

谢谢

iframe { overflow: hidden; }

我应该这样做。然而，你真的想这样做吗？任何不能立即查看的内容都将不可用（如果用户不通过键盘跳转滚动它）。

如下所示：

<iframe ... scrolling="no"></iframe>

---

编辑：还有

frameborder=“0”

可以方便地隐藏边框。

处理大于可查看区域的文档的CSS属性是

溢出

这通常用于制作可滚动的

div

s，如中所示

您要查找的值是：

hidden

，它将剪裁可见范围以外的区域。比如：

<iframe style="overflow:hidden;" src="URL" />

对于iframe属性，您可能需要：

scrolling="no"
frameborder="0"
allowTransparency="true"

---

仔细阅读这些以了解它们的功能，但它们是小部件的常见功能，就像您在问题中描述的一样。它们一起应该会产生一个好看的小部件。

只需在iframe中添加

scrolling=“no”

属性即可

注意：这在HTML5中不起作用

虽然

溢出：隐藏

可能适用于Firefox，但不适用于IE或Chrome。如果您没有使用HTML5，那么您可以使用
scrollable=no
溢出：隐藏在不同浏览器之间不一致。对我来说，它在Firefox上运行得很好，但在Chrome或IE上却不行：（OP没有指定标准，但是
frameborder
和
scrolling
属性不是有效的HTML 5。请参阅。查看
scrolling="no"
frameborder="0"
allowTransparency="true"