960 grid css：如何更改div之间的垂直填充？

Question

我正在尝试使用960网格css。

如何消除两个div之间的空间？ [图中所示的蓝线之间的空格]

我使用http://grids.heroku.com/处的CSS生成器生成了CSS。 我为一个12列，宽度为720 [如下]

的网格生成了CSS

http://grids.heroku.com/grid?column_width=59&column_amount=12&gutter_width=1

我的html代码如下

<div class="container container_12">  

<div class="grid_12">  
    <p>  
        12 
    </p>  
</div>  


<div class="clear"></div>   

<div class="grid_5">  
    <p>  
        5  
    </p>  
</div>  


<div class="grid_7">  
    <p>  
        7  
    </p>  
</div>  


<div class="clear"></div>   

<div class="grid_3">  
    <p>  
        3 
    </p>  
</div>  


<div class="grid_9">  
    <p>  
        9 
    </p>  
</div>  


</div>

Answer 1

它是创建垂直空间的那些div内P标签的边距。设置container div p {margin:0}，一切都消失了。