这个div似乎卡在导航区......？

Question

本页顶部的表单：http://kgshowroom.com/test/builder-test.html应该标题为“测试构建器的东西”，但无论我在iframe周围放置“header”“div”或“article”标签对于表单，它不会让步。我试着查看它的CSS，但我必须遗漏一些东西。而且我知道这应该是一件简单的事情！

有什么想法吗？

Answer 1

在iframe之后移动<div id="FormLoginPage">似乎在DOM中完成了我的工作。

Answer 2

您在表单的父iframe上设置了CSS值position: absolute;。这将它从正常的文档流中移除，这阻止了它影响任何兄弟元素的位置（即它重叠它们而不是将它们推开）。它还使浏览器计算iframe相对于其包含块而不是其兄弟元素的位置（尽管只与top，right，bottom或{{1一起使用时）属性）。这与CSS值left一起，就是iframe卡在页面顶部的原因。

将位置值更改为top: 0;将解决问题。删除relative，top，right和bottom属性也可能有效，但我会首先尝试相对定位。查看here以获取有关CSS定位的更多信息。