我尝试在需要编辑导航的地方使用 iframe,这样我就不必在每个单独的页面上执行此操作,但我遇到了一个问题,它会裁剪内容的底部。
同一页面中的两个 iframe 都以相同的高度裁剪,但 iframe 上的唯一格式是“overflow:visible;”。我已经检查了任何其他可能干扰的溢出问题,但中间部分只有“overflow:auto”不与 iframe 交互,并且 auto 无论如何也不应该将其切断。
我可以将它们设置为以像素为单位的单独设置高度,但我想避免这种情况,因此如果我要添加更多链接,它会扩展,这会增加内容的高度,从而使我不必编辑每个页面的尝试毫无用处如果我用设定的像素高度解决它。
我之前见过提到过人们遇到麻烦的一件事是它位于
内,但我的不是。我已将它们尽可能少地放入其他东西中。我尝试使用在另一篇文章中看到的脚本,但也不起作用。
整个事情的代码就在这里。
左上角 iframe:
<iframe src="https://thepasteldyke.neocities.org/art/sfw-art/oc/pages-sfw-oc" frameBorder="0" scrolling="no"></iframe>
右上角 iframe:
<iframe src="https://thepasteldyke.neocities.org/art/sfw-art/oc/worlds-sfw-oc" frameBorder="0" scrolling="no" ></iframe>
这些是我的 iframe html。 下面是CSS:
.iframe {
overflow: visible;
}
从逻辑上讲,我知道一定有什么东西覆盖了它,但我找不到它。
无论我有一个还是多个 iframe,它都有同样的问题。
不确定这是否是正确的响应方式,但我设法通过向 iframe 添加 min- 和 max- height 来半解决它,但由于某种原因,它仅在我将其放入 HTML 中时才有效比CSS。反正。现在它已尽可能响应尺寸。
在这里回答这个问题是因为我真的不知道 iframe 本质上不是大小响应式的,直到我收到关于我的问题的评论,所以呃呃,可能还有其他人也不知道。