html - 将 div 推到左下角

Question

我需要像第二张图片那样将 div“3”推到左下角。问题是，“1”div 大于“3”，所以我当前的设置 float: left 不起作用。

我有一个 div，其中包含我所有编号的 div(蓝色矩形)。“1”div 的代码:

.mainItemPhoto {
    min-width: 474px;
    float: left;
    padding-right: 25px;
}

“2”:

div.directionInformation {
    padding-left: 34px;
}

“3”:

.additionalItemPhotos {
    float: left;
}

“4”:

div.aditionalInfo {
    float: left;
    width: 475px;
    font-size: 15px;
}

Answer 1

为第三个元素的 CSS 规则添加“clear”:

.additionalItemPhotos {
    float: left;
    clear: both;
}

这会将代码中的第三个元素推到它之前的任何其他元素之下。