css - 将两个 div 放在第三个之上

Question

我绝不擅长处理 CSS 和 Div。

基本上我想做这样的事情:

编辑:我尝试了 clear:left;但出于某种原因，我的 bottom-div 现在离其他 div 很远。像这样:

Answer 1

使用 float div 和容器非常简单:

<div class="columns">
    <div class="left">
        <!-- left div -->
    </div>
    <div class="right">
        <!-- right div -->
    </div>
</div>
<div>
    <!-- bottom div -->
</div>

样式:

.left {
    float: left;
    width: #number#px;
}
.right {
    float: right;
    width: #number#px;
}
.columns {
    overflow: hidden;
}

希望这对您有意义。