将 Div 对齐到父级 div 的底部

Question

我想将 div 对齐到父 div 的底部。下面的屏幕上有一个示例 enter image description here

这些div在一个格子里面，为什么div里面的按钮没有贴到最下面

Answer 1

我建议您使用 CSS flexbox 布局规则。请查看 https://css-tricks.com/snippets/css/a-guide-to-flexbox/ 以获得出色的指南。

Answer 2

.parent {
  height: 400px;
  width: 350px;
  background-color: black;
  display: flex;
  align-items: end;
  justify-content: center;
}

.child {
  width: 90%;
  height: 30px;
  background-color: cyan;
  margin-bottom: 20px;
  border-radius: 5px;
}

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

将 Div 对齐到父级 div 的底部

Align Div to the bottom of the Parent div

html

css

sass