Question

我正在尝试在我的网站上整合来自美国国家航空航天局的小部件，但我在编码方面是一个完全的菜鸟，所以如果有人能帮助我，我会很感激。以下是小部件中的代码：

<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小的包装？

＆＃13;

<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>

＆＃13;

美国国家航空航天局的小部件滚动条问题

1 个答案: