Zwei Geschwister divs (Inhalt und Seitenleiste) ausrichten?

Question

Ich habe die Website wie unten angehängt. Ich habe zwei Geschwisterelemente (#content und) und möchte, dass meine Seite "vollständig" rechts ist (eliminiere die Lücken, die auf dem Bild zu sehen sind) und halte die Kopfzeile gedrückt (momentan scheint die Navigationsleiste zu blockieren) dieser Raum).

Website:

Answer 1

die Elemente ein Elternteil geben und gelten display: flex; justify-content: space-between;

.flex { 
 
    display: flex; 
 
    justify-content: space-between; 
 
}

<div class="flex"> 
 
    <main>content</main> 
 
    <aside>aside</aside> 
 
</div>