positionierungsproblem

Hallo,

ich habe folgendes Problem.

ich habe 2 divs nebeneinander,

das linke soll 100% width bekommen
und das rechte nur 200px.

Das Problem besteht nun dadrin, das das linke div immer die rechte nach unten schiebt.

Die Linke div soll 100 % haben bis die am rechten angekommen ist. Ist sowas möglich?

Hintergrund:
die linke div soll von der width flexibel sein, die rechte starr.

<div id="container">
    <div id="left"></div>
    <div id="right"></div>
</div>

#container {
    display: flex;
}

#left {
    flex: 1;
}

#right {
    width: 200px;
}

display: flex;


hat schon gereicht, vielen vielen dank hab nach 3 stunden aufgegeben und den Thread erstellt hehe

hi ich nochmal,
ich habe jetzt alles flexible auf der breite, aber bei der höhe macht er noch zu viel height.

könntest Du nochmal drüber schauen?

https://blachat.de/ChatRoom.php

<div id="MainChatRoom">

soll komplett 100% haben, aber wenn ich das so eingebe schiebt er alles außerhalb des Sichtbereiches

Sieht für mich OK aus.

ja in der breite klappt es jetzt wenn ich den browser verkleinere, aber in der höhe bekomme ich es nicht hin, was müsste ich dafür tun? kriege es ned gebacken

Nach dem gleichen Prinzip wie horizontal.