Question

所以我希望div总是位于另一个div的底部。我使用了底部：0，位置：绝对。这个工作只要窗口与主div（也就是窗口的大小）相同，但是主div有一个最小高度设置，当窗口变小然后这个高度div开始向上移动在窗户的底部。 vertical-align也不能用于此目的，因为它将它粘贴到主div中其他div的底部，但这导致它不在主div的底部，这是我的目标。 / p>

我怎样才能做到这一点？

Answer 1

您可以使用flexbox：

＆＃13;

.parent {
  width: 50%;
  height: 200px;
  border: 1px solid grey;
  margin: 1em auto;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.child {
  width: 60%;
  height: 50px;
  background: rebeccapurple;
  margin-top: auto;
}

＆＃13;

<div class="parent">
  <div class="child"></div>
</div>

＆＃13;

Answer 2

根据我的理解，你想确保div总是固定在div的底部，无论如何。在这种情况下，您需要做的就是确保父div具有position：relative，而child具有position：absolute并且绝对位于div的底部。

屏幕尺寸不应影响此，即使父div具有最小高度。

但是，如果我关闭，如果您发布代码，我们可以提供更好的帮助。

HTML

<div class="parent">
    <div class="child"></div>
</div>

CSS：

<style>
.parent {
    position: relative;
    min-height:--px
}
.child {
    position: absolute;
    bottom: 0;
}

胶水div到其他div的底部（不是窗口的底部）

2 个答案: