如何对齐两个DIV的顶线？

Question

我希望两个DIV(<div></div>)的顶行水平对齐,怎么做？

Answer 1

史蒂文,

除了T. Stone建议浮动两个div之外,对齐两个div的一种简单方法是使两者都具有display: inline-block;CSS规则并给予较低的div vertical-align: top;CSS规则.

看看这个简单的jsFiddle示例,看看它是如何工作的.

div {
    display: inline-block;
}
div#tall {
    height: 4em;
}
div#short {
    height: 2em;
    vertical-align: top;
}