CSS佈局問題960 GS

Question

我只是想實現使用960 GS的以下CSS佈局。幾乎是一種報紙文章的佈局。我發現一些定位問題。

我使用你的那種信息

$ninesixty-grid-width: 978px; 
    $ninesixty-columns:12; 
    $ninesixty-gutter-width: 0px; 
    $ninesixty-class-separator: "-"; 

我無法實現與裏面的文字圖像的報紙種類的佈局。請指導我出一些鏈接或指針或代碼來實現此目的。讓我知道如果你需要futher信息

Answer 1

你沒有說，如果你已經有了網格或沒有，但無論如何，如果你去 - grid generator site並進入設置：

首先包住整個頁面在container-12然後我會用下面的類對您的div的佈局：

注：

我想你會需要把兩個元素在第一網6，以避免浮動的問題。其他要考慮的事情是，你沒有排水溝，所以元素將緊密對方。我會建議修改設置並添加一個裝訂線。

通常我不會添加填充到網格元素，因爲這意味着您需要編輯寬度並且違背網格系統。