Wie kann ich ein Element hübsch rechts floaten lassen

FrankM

Hi,
Ich habe ein div "A" und will daneben ein zweites div "B" anzeigen.
Wenn div B im html vor das div A schreibe mit dem style="width: 300px, float: right" wird alles korrekt angezeigt.

Aber wie ist es möglich im html die divs in der Richtung des Erscheines zu schreiben (erst A dann B) und dass B dann trotzdem rechts mit einer Breite von 300px erscheint?

Danke für Hilfe!
Frank

Sailor

Da könnte dir 'Flexbox' weiter helfen.
https://css-tricks.com/snippets/css/a-guide-to-flexbox/

FrankM

Hi Sailor,

ich setze <div id="A" style="display: flex; flex-direction: column, flex:1;">...
aber es funktioniert leider auch nicht?!

Frank

Sailor

Dann hast du das auch falsch verstanden.
Du brauchst einen Flex-Container... <div class="container">
und in diesem Container packst du deine Flex-Items <div class="a"> und <div class="b"> hinein.

HTML

<div class="container">
   <div class="a">....</div>
   <div class="b">....</div>
</div>

Dann bekommt 'container' im CSS das 'display: flex:' und weitere Formatierungen gem dem Link, den ich gepostet habe.

PS ... flex-direction: column; ist auf jeden Fall nicht das, was du willst... das setzt die Flex-Items untereinander!

FrankM

Herzlichen Dank Sailor ! ! !

Es funktioniert wunderschön.

Frank

Wie kann ich ein Element hübsch rechts floaten lassen

Tags

Benutzer online in diesem Thema