css - 如何让div向下 float ？

Question

我有 4 个 div。一个是外包装，另外三个分别是页眉、内容和页脚。所有都是相同的(固定的)宽度。但是外包装和内容 div 的高度是可变的。

无论这些大小如何，我都希望页脚 div 贴在外包装的底部。我试过使用以下 CSS

position: relative;
bottom: 0px;

但是没有用。有人知道解决方案吗？

Answer 1

要将一个 div 对齐到底部，首先您必须使父 div 的位置相对，然后将所需的 div 的位置设置为绝对位置并将 bottom 属性设置为零。

<div style="position: relative; height: 100px; border: solid;">
  <div style="position: absolute; height: 10px; border: solid; bottom: 0; right: 0;  left: 0; ">
  </div>
</div>