Ich habe diese Struktur ... es in dem Wordpress Administrationsbereich ähnlich ist ... der Punkt ist, dass ich brauche .main die ganzen Raum in der Breite verfügbar zu nehmen und Höhe und .foot bleibt unten, während es keinen Inhalt gibt, der es senkt. Ich möchte flex verwenden, weil ich Spalten innerhalb der .main haben werde und ich brauche diese Spalten nehmen volle Höhe als auch ... Vielleicht kann jemand mir eine andere Lösung geben, aber ich kann nicht die HTML ändern, nur die CSSFlex-Layout mit einer festen Säule
.wrap {
display: flex;
}
.sidebar {
position: fixed;
top: 0;
bottom: -100px;
background-color: #00a0d2;
width: 200px;
}
.main {
background-color: #66BB6A;
display: flex;
}
.foot {
margin-left: -200px;
background-color: #9999dd;
height: 60px;
}
<div class="wrap">
<div class="sidebar">Menu</div>
<div class="main">Content</div>
<div class="foot">Footer</div>
</div>
wo das Endergebnis etwas so sein würde, thx
was, wenn Sie mehr erklären, indem Sie ein kleines Drahtmodell über das Ergebnis hinzufügen, die Sie wollen –