<div style="clear:both"> 中的“两者”是什么意思答案

【问题标题】：What does "both" mean in <div style="clear:both"><div style="clear:both"> 中的“两者”是什么意思
【发布时间】：2011-03-14 14:29:59
【问题描述】：

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

我明白它的作用，但为什么叫both？ both 是什么意思？

【问题讨论】：

标签： html css

【解决方案1】：

Both 的意思是“一组两件事情中的每一项”。两件事是“左”和“右”

【讨论】：

哦，好吧，这样你就可以清楚：左右，你为什么要这样做？
因为一个元素可能跟随一个向左浮动的元素，该元素跟随一个向右浮动的元素（例如），或者选择器匹配跟随左浮动元素的元素，也匹配跟随右浮动元素的元素.
如果你只有浮动元素left，你可以clear:left;而不是多余的清除。
clear:both 对每个 Web 开发人员也有语义意义。这意味着：我希望这之后的东西进入“新行”。请记住，在这个级别的编程legibility > efficiency

【解决方案2】：

可能值的描述：

left: 左侧不允许有浮动元素

right: 右侧不允许浮动元素

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

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

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

【讨论】：

【解决方案3】：

清晰：两者都为您提供了它们之间的空间。

例如你的代码：

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

当前将显示为：

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

如果在上面的sn-p中添加以下内容，

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

在它们之间会显示为：

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

在 hello 和 Howdy dere pardner 之间留出空间。

【讨论】：