html – 为什么这个CSS会播放？

我有一个非常基本的容器,里面有几个子div,显示为内联块.一切正常,直到我实际将内容插入子div.当我有他们的内容时,他们似乎向下移动,没有明显的理由.

Here是一切运作良好的小提琴.

并且here是一个混乱的小提琴(内容).

有人可以告诉我为什么会这样,以及如何解决它？

我已经好几个小时了,但似乎无法弄明白.任何帮助深表感谢.

解决方法

而不是使用display：inline-block使用display：block;向左飘浮;

http://jsfiddle.net/GtPWX/2/

或者您可以在框上设置vertical-align：top.