所以我有一些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/