Html 在css中对元素进行分组并将一个元素显示在另一个元素下面

我需要id3显示在id2下方，而不是显示在侧面

我如何使用CSS来实现它

html

---

设置

清除：左侧在
#id3上

#id3{
clear: left;
background-color:red;
width:20%;  
height:100px;
border:100px;   
float:left;
}

当您使用float时，它会告诉后续元素尝试显示在它们旁边而不是下面。使用
clear
清除浮动并摆脱该行为

设置
清除：左侧在
#id3上

#id3{
clear: left;
background-color:red;
width:20%;  
height:100px;
border:100px;   
float:left;
}

当您使用float时，它会告诉后续元素尝试显示在它们旁边而不是下面。使用
clear
清除浮动并摆脱该行为

最好的方法是不要使用浮动。使用它们的唯一原因是使事物与其他事物水平。如果你想让事物像拼图一样拼合在一起，那么看看最好的方法就是不要使用浮点数。使用它们的唯一原因是使事物与其他事物水平。如果你想让事情像拼图一样拼凑在一起，看看
听起来你可能在尝试做专栏@关于ULs和LIs，迪奥多斯是对的。您可能需要重构该代码。但是，如果您试图拥有两列元素，您可以将元素包装在div中并浮动它们，而不是它们包含的项。然后，子元素将被放置在浮动列中。您可能还想查看或之类的网格系统。
听起来您可能正在尝试创建列@关于ULs和LIs，迪奥多斯是对的。您可能需要重构该代码。但是，如果您试图拥有两列元素，您可以将元素包装在div中并浮动它们，而不是它们包含的项。然后，子元素将被放置在浮动列中。您可能还想查看类似or的网格系统。
HTML内置了一些功能：
和
。div不应用于组和列表。请参阅HTML内置了一些功能：
和
。div不应用于组和列表。请参见我希望id3显示在id2的正下方。id1和id2看起来很完美。我将clear:向左添加到id2，并将id2移动到id1下方。id1和id2应并排…id3应占据id2下方的剩余空间。我希望id3显示在id2的正下方。id1和id2看起来很完美。我将clear:向左添加到id2它将id2移动到id1下方。id1和id2应并排…id3应占据id2下方的剩余空间
#id3{
clear: left;
background-color:red;
width:20%;  
height:100px;
border:100px;   
float:left;
}