所以我有一些DIV。
结构是这个

    <div id="content">
        <div id="lcol">some content</div>
        <div id="lcol">some<br />content</div>
    </div>

我的问题是两个div的高度不同。我在'lcol'中使用display:inline-block,而'content'只是常规div。实际上,两个lcol div确实并排显示,但是它们固定在div的底部。我希望它们与div的顶部对齐。我尝试将vertical-align:top添加到“内容”,但没有任何反应。

有任何想法吗?

JsFiddle:http://jsfiddle.net/qxe8h/1/

最佳答案

vertical-align:top 赋予内联块元素。这样写:

#lcol {vertical-align:top;}

检查此http://jsfiddle.net/qxe8h/2/

07-24 09:48
查看更多