流體960網格系統 - IE7寬度bug

Question

我似乎遇到了流體960網格系統的問題，在IE7中以非常間歇的寬度推動第一列和第二列以下的第三列（3列布局）。它似乎可以在其他瀏覽器上正常工作。

我似乎無法修復它。

爲了幫助演示觀看以下20秒視頻： http://dl.dropbox.com/u/4221318/ie7-fluid-960/960gs.flv

而且測試頁： http://jsfiddle.net/Tribal/EwQUB/。我正在使用div.col嵌套div來允許我在.grid_4 div上創建填充。我曾嘗試刪除.col樣式，但這不能解決問題。

感謝您的幫助，

山姆

Answer 1

任何時候你有一個以上的元素，一定要使用額外的阿爾法&歐米茄類。

Alpha是第一項，而Ω是最後一項。這些類設置適當的餘量爲0

見更新小提琴： http://jsfiddle.net/7Eq4e/1/

而這涉及到的CSS：

/* Grid >> Children (Alpha ~ First, Omega ~ Last) 
----------------------------------------------------------------------------------------------------*/ 

.alpha { 
    margin-left: 0; 
} 

.omega { 
    margin-right: 0; 
}