I 框架的编码问题

Question

我只在我的电脑上制作了一个小网站（我还没有上传到任何网络主机或任何地方），i-frame只是为了放入未来的广告，所以我可以改变我展示的方式或改变未来的产品.

我制作了一个虚假广告，其中包含 YouTube 视频的链接。 有效。该网站将是一个小型调查问卷，有（谁知道有多少）许多实际页面，因此有 i 框架，以便于将该部分更改为所有页面。

它工作了几个星期。现在，我唯一做的就是更改一些文本。 一切都是CSS，除了添加第二个链接类之外，样式表没有改变，就像我对其他链接类所做的那样。我什至删除了第二个链接，认为这是我所做的唯一更改，也许有些奇怪的不一致......不，仍然不起作用。

自从我在两周前发现它以来，直到今天早上，在所有页面上，它都有效，现在，没有一个页面显示它，即使我没有更改所有页面或样式表！

这是代码

#frame-div {
  height: lighter;
  overflow : hidden;
  position:fixed;
  bottom: 0;
  width: 100%;
}

#frame {
  position : absolute;
  bottom: 20px;
  width: 100%;
  height: 40px;
  background-color:rgb(15, 19, 19);
  border: 0;
}

<div id="frame-div">
  <iframe id="frame" src="aframe.html"></iframe>
</div>

（“aframe.html”只是一个 CSS 滚动文本，因此尺寸很奇怪。它仍然可以作为网页使用）。

会不会是我编码不对，它仍然有效，然后，很多天后，突然不起作用？

预先感谢您的任何提示。

我没有做任何不同的事情。它曾经可以工作（在 chrome 和 Edge 上），但现在两者都不起作用。

Answer 1

iframe

工作正常。您只需将其包裹在没有高度的

div

中：

height: lighter;

如果你给高度一个值（例如

40px

），那么你可以观察它的内容：

#frame-div {
  height: 40px;
  overflow: hidden;
  position: fixed;
  bottom: 0;
  width: 100%;
}

#frame {
  position: absolute;
  bottom: 20px;
  width: 100%;
  height: 40px;
  background-color: rgb(15, 19, 19);
  border: 0;
}

<div id="frame-div">
  <iframe id="frame" src="aframe.html"></iframe>
</div>