web-dev-qa-db-fra.com

Que signifie "les deux" dans <div style = "clear: both">

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

J'obtiens ce qu'il fait, mais pourquoi le nom both? Que signifie bothsignifie?

htmlcssclear
24
Tom Gullen

Les deux signifient "chaque élément dans un ensemble de deux choses". Les deux choses étant "gauche" et "droite"

40
Quentin

Description des valeurs possibles:

  • left: Aucun élément flottant autorisé sur le côté gauche
  • right: Aucun élément flottant autorisé sur le côté droit
  • both: Aucun élément flottant autorisé à gauche ou à droite
  • none: par défaut. Permet des éléments flottants des deux côtés
  • inherit: spécifie que la valeur de la propriété clear doit être héritée de l'élément parent

Source: w3schools.com

15
Sagar Pise

Clair: les deux vous donnent cet espace entre eux.

Par exemple votre code:

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

S'affichera actuellement comme:

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

Si vous ajoutez ce qui suit à l'extrait ci-dessus,

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

Entre eux, il s'affichera comme:

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

vous donnant cet espace entre bonjour et Howdy dere pardner.

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

6
al123