31 Stimmen

Was bedeutet "both" in <div style="clear:both">

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

Ich verstehe, was sie tut, aber warum der Name both ? Was bedeutet both mittlere ?

42voto

Quentin Punkte 850700

Beides bedeutet "jedes Element in einer Menge von zwei Dingen". Die beiden Dinge sind "links" und "rechts".

18voto

Sagar Pise Punkte 807

Beschreibung der möglichen Werte:

  • left : Keine schwebenden Elemente auf der linken Seite erlaubt
  • right : Keine schwebenden Elemente auf der rechten Seite erlaubt
  • both : Keine schwebenden Elemente auf der linken oder rechten Seite erlaubt
  • none : Standard. Erlaubt schwebende Elemente auf beiden Seiten
  • inherit : Gibt an, dass der Wert der Eigenschaft clear vom übergeordneten Element geerbt werden soll

Quelle: w3schools.com

9voto

al123 Punkte 551

Clear:both gibt Ihnen den Raum dazwischen.

Zum Beispiel Ihr Code:

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

Wird derzeit angezeigt als :

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

Wenn Sie dem obigen Schnipsel Folgendes hinzufügen,

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

Dazwischen wird sie als angezeigt:

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

die Ihnen den Raum zwischen "Hallo" und "Hallo, Partner" lässt.

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

CodeJaeger.com

CodeJaeger ist eine Gemeinschaft für Programmierer, die täglich Hilfe erhalten..
Wir haben viele Inhalte, und Sie können auch Ihre eigenen Fragen stellen oder die Fragen anderer Leute lösen.

Powered by:

X