位置：绝对的;

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