使用CSS将一个div对齐到另一个div的底部

Question

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

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

- Adham

---

请将子div元素对齐到父div底部的方法告诉我，类似于这个问题：https://dev59.com/hWw05IYBdhLWcg3wVgam - Brent Bradburn

Answer 1

这应该可以运行：

#b {
  position: relative;
}

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

关键是在父元素上使用position: relative;，否则#c会浮动到页面底部。

- Blender

Answer 2

这将使文档中的div#c脱离流程。虽然不是完美的解决方案，但您可以尝试以下方法：

#b {
  position: relative;
}

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

- Max Spencer

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/

- Humberto Rodrigues

---

你在链接里改过了吗？那里面没有任何东西。 - v010dya