Html 线路接入<；部门>-元素（浮动时：左）

我有以下问题： 我有3个

-元素。我想在同一行上显示其中的两个，而另一个需要是新行

我在前2-

中使用float:left，但我无法在新行中生成第三个

为方便起见，请使用小提琴：

现在我有：

 abcdefghijklmnop

虽然我真的想要：

 abcdefghijk
 lmnop

---

谢谢大家!

添加

清除：左侧到您的最后一个分区。
添加
清除：左到您的最后一个分区。

只需添加
clear：两者都有或
清除：左侧到第三个
div

它不允许在
div的左侧或右侧使用浮动元素


只需添加
clear：两者都有或
清除：左侧到第三个
div

它不允许在
div的左侧或右侧使用浮动元素


使用
清除：两个
。它会解决你的问题

使用
清除：两个
。它将解决您的问题
您可以通过向上一个分区元素添加
clear:left
来解决问题。
您可以通过向上一个分区元素添加
clear:left
来解决问题。
您应该向上一个分区添加
clear:left

看这把小提琴：

有关清除的更多信息：
您应该将
clear:left
添加到最后一个div中

看这把小提琴：

有关清除的更多信息：
您可以使用
clear:both来修复它

我建议您使用Mozilla开发者网络文档：


clear CSS属性指定元素是否可以位于旁边
位于其前面或必须向下移动（清除）的浮动元素
在他们下面

还要了解如何使用clear：

左元素向下移动以清除过去的左浮动

右元素向下移动以清除过去的右浮动

两者元素向下移动以清除左右浮动。

在您的示例中，您使用了float:left；对于这两个div，您可以使用
clear:left
或
clear:both
来清除浮动div

演示：

您可以使用
清除：两者都可以来修复它

我建议您使用Mozilla开发者网络文档：


clear CSS属性指定元素是否可以位于旁边
位于其前面或必须向下移动（清除）的浮动元素
在他们下面

还要了解如何使用clear：

左元素向下移动以清除过去的左浮动

右元素向下移动以清除过去的右浮动

两者元素向下移动以清除左右浮动。

在您的示例中，您使用了float:left；对于这两个div，您可以使用
clear:left
或
clear:both
来清除浮动div

演示：

您可以尝试以下代码：


abcdef
吉克
lmnop
您可以尝试以下代码：


abcdef
吉克
lmnop
我希望现在clear属性对您更清晰：）我希望clear属性对您更清晰：）
<div style="float:left; background-color:green;">abcdef</div>
<div style="float:left; background-color:red;">ghijk</div>
<div style="background-color:yellow; display:block; clear:both;">lmnop<div>