Что значит «оба» в

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 должно быть унаследовано от родительского элемента

Источник: w3schools.com

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

давая вам это пространство между приветом и Хауди Дере Парднером.

Js fiiddle http://jsfiddle.net/Qk5vR/1/