Html 如何将div置于彼此下方

我只想把一个div放在另一个div的下面，而不用在html中使用br或填充第一行

div.left{
浮动：左；
宽度：200px；
高度：200px；
背景：红色；
}
右分区{
浮动：左；
宽度：200px；
高度：200px；
背景：蓝色；
}

内容
内容

这是默认行为。从规则中删除

float:left

div.left{
宽度：200px；
高度：200px；
背景：红色；
}
右分区{
宽度：200px；
高度：200px；
背景：蓝色；
}

内容
内容

在另一个线程中找到了答案。它需要明确：左；在第二个css分区中

div.left{
浮动：左；
宽度：200px；
高度：200px；
背景：红色；
}
右分区{
浮动：左；
清除：左；
宽度：200px；
高度：200px；
背景：蓝色；
}

内容
Content

div是一个所谓的块元素，这意味着默认情况下，它将始终采用完整的可用宽度，并导致在其下方呈现以下元素

float:left

覆盖此行为，并导致在其旁边呈现以下元素（如果是float:left，则呈现在右侧）

---

因此，解决问题的办法是从CSS中删除

浮点：left

。

但是为什么。。。。您只需删除

float:left。。。。就像你接受的答案一样？？？