當使用960網格系統時，如何獲得一個181像素的列？

Question

我想使用960網格系統，並創建一個網格使用的981px：

http://www.gridsystemgenerator.com/gs01.php?GridWidth=981&GridColumns=3&GridMarginLeft=20&GridMarginRight=20

問題是我不知道怎樣才能讓左柱，以181的寬度似乎與網格系統我堅持與287.是真的嗎？思考？

Answer 1

其實你不應該有一個只有3列的網格。不要將您的佈局中的單列視爲列（即主要，右側，左側）。相反，它是水平測量的最小可能單位。所以您可能會有一個左側欄是4列，左側欄是3列，主區域是5列。

這就是說，如果你需要具有已經嵌入在設計中的特定寬度，那麼使用網格框架可能不是一個好主意。通常情況下，您可以將設計器設計爲您計劃使用的網格，或者修改設計以對齊網格。無論你做什麼，你都可能無法獲得「n columns = 181px」度量的網格。

Answer 2

你總是可以從960gs中「破」出來，並在列內創建一個div（div將會是一個設置寬度）。確保記錄該div，並將其正確清理，然後獲得所需的寬度。但是，如果你需要破解整個頁面，你真的應該利用網格系統，或者根本沒有。

例如：

<div class="prefix_1 grid_3"> 
<div style="width: 181px; float: left;"> 
    example 
</div> 
</div> 

或者position: relative;等;然而你想突破框架（任何適合你的設置我的意思）。

Answer 3

Here's a grid system帶有列181px寬，全寬爲981px。它符合您的寬度要求的原因是一個外邊緣比另一邊寬1px。敲1px關閉，你最終有一個很好的圓角全寬980px;