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

Question

我想使用960網格CSS。

我該如何消除兩個div之間的空間？ [藍圖之間的空白如圖所示]

我使用CSS生成器在http://grids.heroku.com/生成我的CSS。 我生成的網格的CSS與12列和720 [如下]寬度

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

它是在內側那些在P標記的餘量創建垂直空間的divs。設置container div p {margin:0}，這一切消失。