html - both - ¿Qué significa "ambos" en<estilo div="claro: ambos">

overflow css

Question

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

Entiendo lo que hace, pero ¿por qué el nombre de both ? ¿Qué significa both ?

Answer 1

Ambos significan "cada elemento en un conjunto de dos cosas". Las dos cosas son "izquierda" y "derecha"

Answer 2

Claro: ambos te dan ese espacio entre ellos.

Por ejemplo su código:

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

Se mostrará actualmente como:

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

Si agrega lo siguiente al fragmento anterior,

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

Entre ellos se mostrará como:

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

Dándote ese espacio entre hola y Howdy dere pardner.

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

Answer 3

Descripción de los valores posibles:

• left : no se permiten elementos flotantes en el lado izquierdo
• right : no se permiten elementos flotantes en el lado derecho
• both : no se permiten elementos flotantes en el lado izquierdo o derecho
• none : Predeterminado. Permite elementos flotantes en ambos lados.
• inherit : especifica que el valor de la propiedad clear debe heredarse del elemento padre

Fuente: w3schools.com