html - 溢出-x html 问题

Question

我在我的网站上使用的 iframe 有一个小问题。由于某种原因，我无法让 iframe 在底部不显示水平滚动条。

这是我的代码：

<center>
   <iframe height="1330" width="100%" src="http://SentinelGaming.spreadshirt.com/" name="Spreadshop" itemscope itemtype="http://www.sentinelgaming.net/store" id="spreadshop" frameborder="0" scrollbar="no" ></iframe>
</center>

<style>
#spreadshop {
overflow-x: hidden;
}
</style>

这是您可以查看的页面以了解我在说什么：http ://www.sentinelgaming.net/store

Answer 1

简而言之，它认为不可能隐藏 iframe 的溢出。我认为主要原因是安全性。这个想法是您不应该隐藏已加载源的某些部分以使其不被显示。

我做了一个小例子来展示溢出属性是如何被忽略的。

<iframe src="http://cnn.com"></iframe">

iframe {
    width: 100px;
    height: 100px;
    overflow: hidden;
}

上面的示例将向 iframe 添加垂直和水平滚动条，即使我们明确告诉它不要这样做。

可能的解决方法：

一种可能的解决方法是通过 AJAX 加载内容，将内容添加到 div，并在该 div 上设置溢出属性。

它需要用户启用 JavaScript，但我相信这是您最接近解决方案的方法。