4列的位置絕對佈局

Question

我有一個可以查看這裏的佈局設置：http://jsfiddle.net/Pn3ts/

這一切工作正常，但我需要設置圍繞一大堆最大/最小寬度。

因此，我假設要做到這一點，我會將position: relative;添加到.row類中。但是，如果我這樣做，每個.col的背景似乎崩潰了。 （請看這裏：http://jsfiddle.net/YDBYK/）

我該如何工作？

Answer 1

給html,body和.row 100％的高度，它會工作。

html, body { 
    height: 100%; 
} 

.row { 
    position: relative; 
    width:100%; 
    height: 100%; 
    margin: 0; 
    max-width: 400px; 
    min-width: 300px; 
} 

的jsfiddle：http://jsfiddle.net/YDBYK/1/