使用css将div放在另一个div的底部

Question

我要对齐的DIV c中的底部DIV b不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将漂浮到页面的底部.

Answer 2

它将div#c取消文档的流程.它可能不完美,但您可以执行以下操作:

#b {
  position: relative;
}

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