Question

<div style="float:left">Hello</div>
<div style="float:right">Howdy dere pardner</div>
<div style="clear:both"></div>

我知道它的作用，但为什么名称为both？ both 意味着什么？

Answer 1

两者都意味着“一组两件事中的每件物品”。这两件事是“左”和“右”

Answer 2

可能值的描述：

left：左侧不允许浮动元素

right：右侧不允许浮动元素

both：左侧或右侧不允许浮动元素

none：默认。允许两侧浮动元素

inherit：指定clear属性的值应该从父元素
继承

Answer 3

清除：两者都为它们提供了空间。

例如你的代码：

  <div style="float:left">Hello</div>
  <div style="float:right">Howdy dere pardner</div>

目前显示为：

Hello  ...................   Howdy dere pardner

如果您将以下内容添加到上面的代码段中，

  <div style="clear:both"></div>

在它们之间，它将显示为：

Hello ................ 
                       Howdy dere pardner

给你hello和Howdy dere pardner之间的空间。