奇怪的<div>偏移</div>

时间:2012-10-05 19:02:36

标签: html css css3

我有3个<div>块并排放置。它们相同,唯一的区别是最后一个<div>(在最右边)有更多的文字。但是,所有块都具有固定的宽度和高度。出于某种原因,最后<div>的位置高于其他{{1}}。我无法想象我的生活!

见这里:http://jsfiddle.net/ZrSF4/

有什么想法吗?

2 个答案:

答案 0 :(得分:1)

您应该将vertical-align: top应用于所有div:http://jsfiddle.net/ZrSF4/1/

答案 1 :(得分:1)

你必须垂直对齐,例如vertical-align:top;

http://jsfiddle.net/ZrSF4/2/