iframe嵌套网页的指定部分其他不显示

您可以使用 iframe 标签的 "scrolling" 属性来控制 iframe 中网页的滚动条，从而只显示指定部分。将 "scrolling" 属性设置为 "no"，即可禁用滚动条，然后使用 CSS 的 "overflow" 属性对 iframe 进行样式控制，只显示您想要展示的部分。例如：

<iframe src="https://www.example.com" scrolling="no"></iframe>

<style>
  iframe {
    width: 100%;
    height: 200px;
    overflow: hidden;
  }
</style>

在上述示例中，我们设置了 iframe 的高度为 200px，并将 overflow 属性设置为 "hidden"，这样只会显示 iframe 中的前 200px 部分，其他部分不会显示。

相关问题

iframe嵌套网页的指定部分其他不显示，怎么调整展示的位置

要调整 iframe 中展示的位置，您可以使用 CSS 的 "margin-top" 或 "padding-top" 属性来控制 iframe 的垂直位置。例如，如果您想将 iframe 向下移动 50 像素，您可以像这样设置 CSS 样式：

<iframe src="https://www.example.com" scrolling="no"></iframe>

<style>
  iframe {
    width: 100%;
    height: 200px;
    overflow: hidden;
    margin-top: 50px; /* 设置 iframe 的上外边距为 50px */
  }
</style>

在上述示例中，我们将 iframe 的上外边距设置为 50px，这样 iframe 就会向下移动 50px。您还可以使用 "padding-top" 属性来实现类似的效果，不同之处在于 "padding-top" 会在 iframe 内部创建一个空白区域，而 "margin-top" 则会直接影响 iframe 的位置。

如果您想在 iframe 中显示指定的部分，可以使用 CSS 的 "scroll" 属性来控制滚动条的位置。例如，如果您只想显示 iframe 中的前 100px 部分，您可以像这样设置 CSS 样式：

<iframe src="https://www.example.com"></iframe>

<style>
  iframe {
    width: 100%;
    height: 100px;
    overflow: scroll; /* 设置滚动条 */
  }
</style>

在上述示例中，我们将 iframe 的高度设置为 100px，并使用 "overflow: scroll" 属性来显示滚动条。这样，只有前 100px 的内容会显示在 iframe 中，其他部分需要通过滚动条来查看。您可以调整高度和滚动条来展示您想要的部分。

iframe嵌套页面不显示

如果iframe嵌套的页面不显示，可能有以下原因：

1. 页面路径错误：请检查iframe的src属性是否指向正确的页面路径。

2. 页面加载失败：可能是因为嵌套的页面无法加载，可能由于网络问题或页面本身的问题导致。

3. 安全策略：某些浏览器可能会限制嵌套页面的加载，以保护用户的安全。例如，如果嵌套页面与父页面不在同一个域下，某些浏览器可能会阻止它们之间的通信。

4. CSS样式问题：请检查CSS样式是否正确设置，可能导致页面无法显示。

解决方法：

1. 检查页面路径是否正确，确保页面可以正常加载。

2. 检查网络连接是否正常，或者尝试在其他浏览器中加载页面。

3. 如果是安全策略问题，请尝试使用跨域解决方案，例如CORS或JSONP。

4. 检查CSS样式是否正确设置，确保页面可以正确显示。