html - 对齐一个盒子，在底部而不是顶部

Question

我正在寻找一种将 div 排序/对齐到底部而不是顶部的方法，例如，如果您尝试使用此 fiddle 中的 class="box"删除其中一些 div

当前代码:

#holder {
    height: 220px;
    width: 50px;
    background-color: #000000;
    padding: 5px 10px 10px 10px;
}

.box {
    height: 50px;
    width: 50px;
    background-color: #ffffff;
    margin-top: 5px;
}

它会从底部移除 div，我想扭转这种行为，让它从顶部移除。

http://jsfiddle.net/79L7Lud7/

Answer 1

页面元素从上到下、从左到右排列。

要操作它，您基本上需要将元素从正常流中取出，而 position: absolute 是执行此操作的更简单方法之一。

例如:

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

使用这种方法您唯一需要的额外东西是一个外部支架来预留页面空间。

http://jsfiddle.net/79L7Lud7/4/