html - 4 Column Position 绝对布局

Question

我有一个布局设置，可以在这里查看：http: //jsfiddle.net/Pn3ts/

这一切都很好，但我需要在整个地段设置一个最大/最小宽度。

所以我假设这样做我会添加position: relative;到.row课堂上。但是，如果我这样做，每个人的背景.col似乎都会崩溃。（见这里：http: //jsfiddle.net/YDBYK/）

我将如何工作？

Answer 1

给html, body, 和.row100% 的高度，它会起作用。

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/