html - div彼此相邻，对齐到底部

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

float 是一个糟糕的选择，你希望你的元素是行内 block 并调整垂直对齐方式:

http://tinker.io/f6b9e

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

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