CSS Column Count两个项目高于另一个

Question

我有点问题。 我做了3列，第一列低了几个像素。 问题在哪里？

http://codepen.io/anon/pen/mdhiC

感谢您的时间

Answer 1

另一种方法是更实用，即创建三个样式为float: left和width: 33%的div标记。

这是一个关于它是如何工作的演示。

Live demo

我所做的大图是：

<强> HTML

<div class="colContainer">
   <div class="col">
    // content goes here
   </div>

   <div class="col">
       // content goes here
   </div>
   <div class="col">
       // content goes here
   </div>
</div>

<强> CSS

.colContainer{
   float:left;
   width:100%;
}

.col{
   float:left;
   width:33%; /*or 33.3% if you want to be more precise*/
}

Answer 2

添加： 你div下的第一个h2标签有一些默认的保证金值：

.not h2 {
     margin: 0;
}