将2个div包装/合并在一起

Question

我有两个div，左边是#sidebar，上面是图片#main。 #sidebar的高度比#main的高度要短，我希望#main中的内容/图片一旦结束就会在#sidebar之下。

以下是当前的css代码：

.user #sidebar {
    float: left;
    width: 210px;
}

.user #main {
    float: right;
    width:728px;
}

这是一张图片，显示了我的网页状况以及我想要做的事情：

Answer 1

只需将sidebar放在main内，然后在float: left上使用sidebar。从float: right中删除width和main，然后将其设为100％宽度。图像应显示在侧边栏旁边，直到它们可以显示在其下方。

Answer 2

只需在#main div上方使用三个div：

.user #main {
    float: right;
    width:728px;
}
user #sidebar {
    float: left;
    width: 210px;
    height:h px;
}
user #sidebar2 {
    float: left;
    position:absolute;
    top:0px;
    left:210px;
    width: 518px;
    height:h px;
}
user #sidebar3 {
    float: left;
    position:absolute;
    top:0px;
    left:210px;
    width: 728px;
}