html - 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}，一切都消失了。