Html 一排div中的第一项稍微升高？

我试着把三个div排成一行，但由于某种原因，我最左边的div略高于其他两个div。下面是正在发生的事情的图片：

我正试图弄明白为什么它们没有正确对齐

#项目容器{
身高：70%；
宽度：20%；
}
.项目栏{
身高：95%；
宽度：25%；
浮动：左；
左边距：80px；
边缘顶部：100px；
}
.物品容器{
宽度：100%；
身高：50%；
保证金：0自动；
-网络工具包盒阴影：3px 3px 5px 6px#ccc；
/*Safari 3-4、iOS 4.0.2-4.2、Android 2.3+*/
-moz盒阴影：3px 3px 5px 6px#ccc；
/*火狐3.5-3.6*/
盒影：3px 3px 5px 6px#ccc；
}
.物品图片容器{
宽度：100%；
身高：70%；
左边框：1px纯黑；
右边框：1px纯黑；
边框顶部：1件纯黑；
边界半径：5px 5px 0px 0px；
}
.项目图片容器img{
最大高度：100%；
最大宽度：100%；
保证金：0自动；
显示：块；
}
.物品描述容器{
宽度：100%；
身高：30%；
左侧填充：30px；
填充顶部：10px；
字体系列：“HelveticaNeue灯”，“Helvetica Neue灯”，“Helvetica Neue”，Helvetica，Arial，“Lucida Grande”，无衬线；
字体大小：300；
边框：1px纯黑；
边界半径：0px 0px 10px 10px；
}
.项目名称{
字体大小：24px；
}
.项目说明{
字体大小：16px；
}

皮维特


iPhone应用程序开发
皮维特


iPhone应用程序开发
皮维特


iPhone应用程序开发

所提供的示例似乎运行良好。问题可能出在您没有展示的代码的其他地方。同意，仅使用提供的代码，结果是三个完全对齐的框。