CSS对齐2块底部

我有两个区块，

红色

区块

宽度：固定高度：自动

，

绿色

区块

宽度

和

高度固定

，我不知道如何对齐

绿色

区块，它将位于底部，现在位于顶部；

---

可以查看示例：

有关

.square2

，请添加：

margin-top:110px; 

---

从类声明中删除float:left。默认情况下，它们将堆叠。将两个元素向左浮动将导致它们水平堆叠。

添加以下内容：

.square1、.square2{
显示：内联块；
垂直对齐：底部对齐；
}

并移除

浮动：左

---

添加

清除：左侧

到

.square2

块将解决您的问题

#换行{
保证金：0自动；
}
.1平方米{
宽度：100px；
高度：自动；
背景色：红色；
浮动：左；
}
.2平方米{
宽度：50px；
高度：50px；
背景颜色：绿色；
浮动：左；
清除：左；
}

特克斯塔斯塔斯塔斯塔斯塔斯塔斯塔斯塔斯塔斯塔斯塔斯塔斯塔斯塔斯塔斯塔斯塔斯塔斯塔斯塔斯塔斯塔斯塔斯塔斯塔斯塔斯塔斯塔斯塔斯塔斯塔斯塔斯塔斯塔斯塔斯塔斯塔斯塔斯塔斯塔斯塔斯塔斯塔斯塔斯塔斯塔斯塔斯塔斯塔斯塔斯塔斯塔斯塔斯塔斯塔斯塔斯塔斯塔斯塔斯塔斯塔

当我向square1添加更多文本时会发生什么？如果

square1

的高度发生变化，使用上边距将不起作用。正确，但这从来不是问题的一部分。您希望div是一个在另一个之上，或并排，但在底部对齐吗？