divs彼此相邻，对齐到底部

Question

彼此相邻有3个div：

<div style="left: float;">1</div>
<div style="left: float;">2</div>
<div style="left: float;">1</div>

应该是这样的：

        content
        content
page 1  content  page 2

因此页面X应该与底部对齐。我看到一些“相对于父母，和绝对+底部0为孩子 - 没有工作！

Answer 1

Floats是一个糟糕的选择，你希望你的元素是内联块并调整垂直对齐：

http://tinker.io/f6b9e

div {
    display: inline-block;
    vertical-align: text-bottom;
}

<div>1</div>
<div>2</div>
<div>1</div>