960 网格 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}，一切都会消失。