css - 侧边栏中的 Div 未按预期 float

Question

我搜索了关于如何使 div 彼此相邻 float 的主题并进行了尝试。 首先让我展示一下我打算设计什么

我已经创建了内容和侧边栏，并使侧边栏流畅。再次在我的侧边栏中，我将侧边栏 div 1 和侧边栏 div 2 并排 float 。在我的 CSS 中，我使侧边栏 div 2 向右浮动，它向右浮动但正好位于侧边栏 div 1 下方，如下图所示

我知道这听起来很简单，但我仍然缺少一些重要的东西。如果有人指出这一点，我们将不胜感激。

这是侧边栏和div的代码

    #sidebar {
        width: 720px;
        float: right;
        margin: 60px 0 30px;
    }

.div1{
width: 200px;
}
    .div2{    
        float: right;     
        width: 300px;
    }

谢谢 拉克斯

Answer 1

这是典型的 float 问题 - 将两个 div 向左浮动而不是向右浮动，或者更改顺序 - div2 在 div1 之前。

.div1{
width: 200px;
float:left
}
.div2{    
float: left;     
width: 300px;
}

并在 div 之后立即清除。