css - 使用CSS在另一个div的底部对齐div

Question

我想将 DIV b 底部的 DIV c 对齐，而不是 DIV a

<div id="a">
   <div id="b">
        <div id="c">
              Div c
        </div>
   </div>
</div>

Answer 1

这应该有效:

#b {
  position: relative;
}

#c {
  position: absolute;
  bottom: 0px;
}

诀窍是 position: relative; 在父元素上。否则，#c 将漂浮到页面底部。