960網格系統 - 難度achieiving所需的佈局與

Question

我目前在設計我的網頁的部分的處理，但也遇到了困難，定位接觸卡，因爲它們出現如下：

目前由於下面的標記結構，第二列接觸卡沒有垂直對齊。 <h2 class="text200 margbottom margtop">Contact Us</h2>將第一個網格4中的其他2個接觸卡垂直向下「推」，但當然這不會發生在第二個網格4中，因爲沒有<h2>存在。有沒有辦法讓聯繫人卡片位於相同的高度，以便通過修改我的HTML標記來將它們水平對齊（如上圖所示）？

這裏是鏈接：http://www.bestcastleintown.co.uk/pg/

<div class="grid_4"> 
    <h2 class="text200 margbottom margtop">Contact Us</h2> 
    <div class="contact_block_tiny trophy clearfix"> 
    <!-- content --> 
    </div> 
    <div class="contact_block_tiny target clearfix"> 
    <!-- content -->             
    </div> 
</div>  
<div class="grid_4 omega"> 
    <div class="contact_block_tiny drink clearfix">  
    <!-- content -->          
    </div> 
    <div class="contact_block_tiny editorial clearfix"> 
    <!-- content -->           
    </div> 
</div> 

Answer 1

是「聯繫我們」第一列或兩列的標題？如果它是兩列的標題，那麼爲什麼你把它放在第一列？這不是它在語義上的屬性，並且相應地打破了你的佈局。