位置：绝对；

Question

/ codepen链接曾经在这里 /

当我不给我的主要页脚指定位置时，段落元素与根元素无关。为什么相对于我的.banner元素？不是它的祖先。这是错误吗？

.main-footer {
 /*position: relative;
}*/

.main-footer p {
 position: absolute;
 bottom: 1px;
}

  

“相对放置的元素保留在法线中   文档流。相反，绝对是一个元素   定位从流程中删除；因此，其他要素是   定位为好像它不存在。绝对定位的元素   相对于其最接近的祖先的位置（即   非静态的最近祖先）。如果一个祖先没有   存在，它相对于ICB定位（初始包含   块），它是文档根元素的包含块。”-   https://developer.mozilla.org/en-US/docs/Web/CSS/position

Answer 1

在您的Codepen中，删除.main-footer上的位置后，.main-footer p相对于body，后者是最接近的根祖先。看起来好像是和.banner相关的，因为它们在同一位置结尾，但是如果您完全删除多余的元素，则可以很清楚地看到它。

https://codepen.io/anon/pen/WPOjOZ

在Chrome中进行测试