使用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;
}

Answer 3

点击此链接，也许它可以帮助您

#b {
display: -webkit-inline-flex;
display: -moz-inline-flex;
display: inline-flex;

-webkit-flex-flow: row nowrap;
-moz-flex-flow: row nowrap;
flex-flow: row nowrap;

-webkit-align-items: flex-end;
-moz-align-items: flex-end;
align-items: flex-end;}

http://jsfiddle.net/rudiedirkx/7FGKN/