CSS realisiert die Layoutmethode „Fest links“ und „Adaptiv rechts“

   .beiseite{
        schweben: links;
        Breite: 200px;
        Hintergrundfarbe: rot;
    }
    .Inhalt{
        Rand links: 200px;
        Hintergrundfarbe: blau;
    }
    
<div Klasse="beiseite">
    Ich war immer ein sehr guter Mensch, und ich war immer ein sehr guter Mensch. Ich war immer ein sehr guter Mensch, und ich war immer ein sehr guter Mensch.
</div>
<div Klasse="Inhalt">
    Ich war immer ein sehr guter Mensch, und ich war immer ein sehr guter Mensch. Ich war immer ein sehr guter Mensch, und ich war immer ein sehr guter Mensch.
</div>

.beiseite{
    schweben: links;
    Rand rechts: -200px;
    Breite: 200px;
    Hintergrundfarbe: rot;
}
.Inhalt{
    schweben: rechts;
}
.Inhalt .inner{
    Rand links: 200px;
    Hintergrundfarbe: blau;
}
<div Klasse="beiseite">
Ich war immer ein sehr guter Mensch, und ich war immer ein sehr guter Mensch. Ich war immer ein sehr guter Mensch, und ich war immer ein sehr guter Mensch.
</div>
<div Klasse="Inhalt">
<div Klasse="inner">
Ich bin ein sehr guter Mensch und sehr zufrieden mit meiner Arbeit. Ich bin sehr zufrieden mit meiner Arbeit. Ich bin sehr zufrieden mit meiner Arbeit. Ich bin sehr zufrieden mit meiner Arbeit. Ich bin sehr zufrieden mit meiner Arbeit. Ich bin sehr zufrieden mit meiner Arbeit. Ich bin sehr zufrieden mit meiner Arbeit.
</div>
</div>

.beiseite{

schweben: links;
Breite: 200px;
}
.Inhalt{

schweben: rechts;
berechnet: (100 % – 200 Pixel);
}
<div Klasse="beiseite"> 
Ich war immer ein sehr guter Mensch, und ich war immer ein sehr guter Mensch. Ich war immer ein sehr guter Mensch, und ich war immer ein sehr guter Mensch.
</div>
<div Klasse="Inhalt">
Ich war immer ein sehr guter Mensch, und ich war immer ein sehr guter Mensch. Ich war immer ein sehr guter Mensch, und ich war immer ein sehr guter Mensch.
</div>

Körper{
Anzeige: Flex;
}
.beiseite{

flexibel: 0 0 200px;
Hintergrundfarbe: rot;
}
.Inhalt{

biegen: 1;
Hintergrundfarbe: blau;
}

<div Klasse="beiseite">
Ich habe immer gedacht, die Welt sei voller Energie, aber ich habe immer gedacht, die Welt sei voller Energie. Ich habe immer gedacht, die Welt sei voller Energie, aber ich habe immer gedacht, die Welt sei voller Energie!
</div>
<div Klasse="Inhalt">
Ich bin ein sehr guter Mensch, sehr gut im Umgang mit Dingen. Ich bin ein sehr guter Mensch, sehr gut im Umgang mit Dingen, sehr gut darin, ein guter Mensch zu sein, sehr gut darin, ein guter Mensch zu sein.
</div>