html - 960 网格 CSS : How do I change vertical padding between divs?

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