使用grid960封裝父網格中的網格序列以控制高度

Question

我用於測試的瀏覽器：IE，Chrome，FF;

理想佈局例如PDF：http://designobvio.us/dov2/Homepage1.pdf

繼承人的鏈接直接頁http://designobvio.us/dov2/index.html

雖然網格系統是非常適合的寬度鋪設，我用高度常量時總是跌倒。

裏面我的代碼，我有2個主要問題：

1. 理想情況下，我想通過使用控制高度，邊距 父DIV被封裝的我的代碼段。我試過 創建這個div顏色淡綠色和填充它的視覺效果。

如下所示此類：

siteBody #businessSection{ padding-bottom:200px; background:#0F9;} 

我也證明了主意在此IMAGEURL：http://www.designobvio.us/dov2/Homepage1Encapulate.pdf

雖然試圖做到這一點，我拿出全部空手而歸。

2.So接下來，我想單獨打破每個部分通過使用一類.businessInfo

#siteBody .businessInfo{height:200px; background:#ccc;} 

不幸的是，這也沒有工作，我不知道爲什麼，因爲所有網格排隊完美。

我希望我上面所說的是可以理解的。我更喜歡解決方案一;然而，如果不可能的話2將起作用。

如果我缺少任何東西，我會盡快回復。

謝謝！

Answer 1

此問題源於浮點的使用。例如問題：http://jsfiddle.net/GAvcL/

您可以使用clear屬性來解決問題。

解決方案：

http://jsfiddle.net/qeDs3/

這是在HTML中普遍存在的問題。在關閉使用float封裝div的div之前，請使用div有明確的屬性。