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/