css - 美国宇航局小部件上的滚动条问题

Question

我正在尝试将 Nasa 的一个小部件整合到我的网站上，但我完全不擅长编码，所以如果有人能帮助我，我将不胜感激。这是小部件的代码:

<div style='display:inline-block; border: 1px solid #CCC; border-radius: 6px; -webkit-border-radius: 6px; -o-border-radius: 6px; position: relative; overflow: hidden; width: 310px; height: 450px;'><iframe src='https://spotthestation.nasa.gov/widget/widget2.cfm' width='310' height='450' frameborder='0' ></iframe></div>

当我在 css 部分复制代码(从 nasa 的代码复制粘贴)时，小部件显示有滚动条，但通常它不应该有滚动条，它应该完全显示。

我曾尝试更改“position:”和“overflow:”元素但无济于事。有人可以帮我吗？谢谢你

Answer 1

这里没有滚动条:

也许您将它放在比您的 DIV 小的包装器中？

<div class= "wrap">
<div style='display:inline-block; border: 1px solid #CCC; border-radius: 6px; -webkit-border-radius: 6px; -o-border-radius: 6px; position: relative; overflow: hidden; width: 310px; height: 450px;'><iframe src='https://spotthestation.nasa.gov/widget/widget2.cfm' width='310' height='450' frameborder='0' ></iframe></div>
</div>