Что означает "оба" в <div style = "clear: both" >

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

Я получаю то, что он делает, но почему имя both? Что означает both?

Ответ 1

Оба означают "каждый элемент в наборе из двух вещей". Две вещи: "левая" и "правая"

Ответ 2

Описание возможных значений:

left: плавающие элементы не допускаются слева

right: не допускаются плавающие элементы на правой стороне

both: не допускаются плавающие элементы ни слева, ни справа

none: по умолчанию. Позволяет плавающие элементы с обеих сторон

inherit: указывает, что значение свойства clear должно быть унаследовано от родительского элемента

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

Ответ 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

дает вам это пространство между приветствием и Howdy pardner.

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