<both style ="clear:both">中的"both"意味着什么

Question

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

我知道它的作用,但为什么这个名字both呢？什么both 意思？

Answer 1

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

因为一个元素可能跟随一个向左浮动的元素,该元素在一个向右浮动的元素后面(例如),或者选择器匹配沿着向左浮动的元素的元素,并且还匹配沿着向右浮动的元素的元素. (4认同)
“ clear：both”对每个网络开发人员都有语义含义。这意味着：我希望之后的内容进入“新行”。并请记住，在这种编程水平上，“易读性>效率” (2认同)

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之间的空间。