css - Div定位帮助CSS

看一下这张图片...



所有的盒子都是div。我该如何定位他们？这是我到目前为止所得到的...

#container{
    position:relative;
    padding:25px;
}

#div1 {
    float:left;
    margin-left: 50px;
    margin-top: 50px;
    width: 300px;
    padding:25px;
}

#div2 {
    clear:both;
    margin-left: 50px;
    width: 300px;
    padding:25px;
}

#div3 {
    float:right;
    margin-right: 50px;
    margin-top: -100px;
    width: 300px;
    padding:25px;
}

使用上面的代码。.div1和div2位置正确。但是div3在页面的下部。

最佳答案

我会

div3并首先将其放入您的HTML中，然后仅使div1和div2不浮动。

像这样：http://jsfiddle.net/eErVT/