Question

我不敢相信经过4个月的编码，我无法弄清这一点。无论如何，当将位置设置为固定于内部div时，是否也不应基于已设置位置的父容器来放置它？在这种情况下，将父级设置为相对，因此我假设孩子将在父级内部。而是将孩子转到屏幕的角落：https://codepen.io/algojedi/pen/QWWJKzm

.outer {
  width: 300px;
  height: 100px;
  margin: 5px auto;
  outline: 2px solid red;
  position: relative;
}
.inner {
  width: 200px;
  height: 50px;
  position: fixed;
  bottom: 0; 
  left: 0;
  outline: 2px solid green;
}

<div class="outer">
  <div class="inner">
  </div>
</div>

Answer 1

固定的位置是相对于视口的，而不是父元素。您将寻找绝对位置，以将子元素固定在父元素的底部。

Answer 2

position: fixed是相对于视口的。内部的CSS应该像

inner {
    width: 200px;
    height: 50px;
    position: absolute;
    bottom: 0;
    left: 0;
    outline: 2px solid green;
}

为什么内部div不将自身定位在外部div内

2 个答案: