Frage 2 div nebeneinander -> 1. div soll width der Kinder Elemente bekommen

  • Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Wolly300

Neues Mitglied
15 Januar 2020
4
0
1
Hallo zusammen,

ich habe ein banales, aber trotzdem für mich gerade ein nicht überwindbares CSS Problem.

HTML:
<div>
    <div style="float: left; background-color: red;">
        <img style="background-color: blue;" src="..." alt="..." width="10%" />
    </div>
    <div style="">Mitarbeiter</div>
</div>
Der untere Div (Mitarbeiter) soll sich rechts neben den oberen div schieben. Das bekommt man ja normalerweise hin, indem man dem oberen float:left gibt. Sobald ich dem img in dem div aber eine gültige src gebe, wird der div 100% breit. Wie stelle ich ein, das diesere nur so breit wird, wie das Kind Element?
 

Sempervivum

Senior HTML'ler
18 Oktober 2016
1.838
364
83
67
Ordne die Divs besser mit Flexlayout an, dann dürfte dir die Anordnung leichter fallen.
 

Wolly300

Neues Mitglied
15 Januar 2020
4
0
1
Jetzt sind sie schon nebeneinander, aber wie bringe ich den 1. div auf die gleiche width wie sein Inhalt ?
 

MrMurphy

Senior HTML'ler
28 Juli 2009
1.545
225
63
Mit Flexlayout. Wobei ich mir nicht sicher bin ob du das im Endeffekt wirklich willst.