Mehrere Möglichkeiten zur Implementierung eines zweispaltigen Layouts mit fester Breite links und adaptiver Breite rechts mithilfe von CSS

.box>div{Höhe: 100%;}
#box1>div{float: links;}
.left1{Breite: 100px;Hintergrund: gelb;}
.right1{Hintergrund: #09c;Breite:calc(100% - 100px);}

<div Klasse="Box" id="Box1">
    <div class="left1">Feste Breite links</div>
    <div class="right1">Adaptiv auf der rechten Seite</div>
</div>

.box{Überlauf: versteckt;Höhe: 100px;Rand: 10px 0;}
.box>div{Höhe: 100%;}
.left2{float: links;Hintergrund: gelb;Breite: 100px;}
.right2{Hintergrund: #09c;Rand links: 100px;}

<div Klasse="Box" id="Box2">
    <div class="left2">Feste Breite links</div>
    <div class="right2">Rechte Seite adaptiv</div>
</div>

.box{Überlauf: versteckt;Höhe: 100px;Rand: 10px 0;}
.box>div{Höhe: 100%;}
.left3{float: left;Hintergrund: gelb;Breite: 100px;}
.right3{Hintergrund: #09c;Überlauf: versteckt;}

<div Klasse="Box" id="Box3">
    <div class="left3">Feste Breite links</div>
    <div class="right3">Rechte Seite adaptiv</div>
</div>

.box{Überlauf: versteckt;Höhe: 100px;Rand: 10px 0;}
.box>div{Höhe: 100%;}
#box4{position: relative;}
.left4{position: absolute;links: 0;oben:0;Breite: 100px;Hintergrund: gelb;}
.right4{margin-left:100px;Hintergrund: #09c;}

<div Klasse="Box" id="Box4">
    <div class="left4">Feste Breite links</div>
    <div class="right4">Rechte Seite adaptiv</div>
</div>

.box{Überlauf: versteckt;Höhe: 100px;Rand: 10px 0;}
.box>div{Höhe: 100%;}
#box5{position: relative;}
.left5{position: absolute;links: 0;oben:0;Breite: 100px;Hintergrund: gelb;}
.right5{position: absolute;links: 100px;oben:0;rechts: 0;Breite: 100%;Hintergrund: #09c;}

<div Klasse="Box" id="Box5">
    <div class="left5">Feste Breite links</div>
    <div class="right5">Rechte Seite adaptiv</div>
</div>

.box{Überlauf: versteckt;Höhe: 100px;Rand: 10px 0;}
.box>div{Höhe: 100%;}
#box6{Anzeige: flex;Anzeige: -webkit-flex;}
.left6{flex:0 1 100px;Hintergrund: gelb;}
.right6{flex:1;Hintergrund: #09c;}

<div Klasse="Box" id="Box6">
    <div class="left6">Feste Breite links</div>
    <div class="right6">Rechte Seite adaptiv</div>
</div>

.box{Überlauf: versteckt;Höhe: 100px;Rand: 10px 0;}
.box>div{Höhe: 100%;}
#box7{Anzeige: Tabelle;Breite: 100%;}
#box7>div{Anzeige: Tabellenzelle;}
.left7{Breite: 100px;Hintergrund: gelb;}
.right7{Hintergrund: #09c;}

<div Klasse="Box" id="Box7">
    <div class="left7">Feste Breite links</div>
    <div class="right7">Rechte Seite adaptiv</div>
</div>