如何让iFrame没有滚动条

Gen*_*nik 10 html css iframe

我正在制作像这样的小部件:

http://www.comehike.com/outdoors/widget.php?hike_id=176&height=400&width=700

由于某种原因,我似乎无法让滚动条消失.有谁知道这是怎么做到的吗?

谢谢!

aor*_*sik 19

像这样:

<iframe ... scrolling="no"></iframe>
Run Code Online (Sandbox Code Playgroud)

编辑:frameborder="0"隐藏边框也很方便.

  • OP没有指定标准,但`frameborder`和`scrolling`属性不是有效的HTML 5.参见[here](http://www.w3schools.com/tags/tag_iframe.asp). (6认同)

Vas*_*pov 5

处理文档大于可视区域的 CSS 属性是overflow.

这通常用于制作可滚动的divs,如本例所示

您正在寻找的值是:hidden这将裁剪可见范围之外的区域。就像是:

<iframe style="overflow:hidden;" src="URL" />
Run Code Online (Sandbox Code Playgroud)

应该看起来不错 aa 小部件

因此,对于 CSS 属性,您可能需要:

overflow:hidden;
border:none;
width:100px;
height:25px;"
Run Code Online (Sandbox Code Playgroud)

对于您可能想要的 iframe 属性:

scrolling="no"
frameborder="0"
allowTransparency="true"
Run Code Online (Sandbox Code Playgroud)

阅读这些内容以了解它们的作用,但它们是小部件常见的部件,例如您在问题中描述的部件。他们应该一起产生一个好看的小部件。