2017-02-24 3 views
-1

私は下記のウェブサイトを持っています。私は2つの兄弟要素(#contentと)を持っています。私は右に「完全に」(写真に見られる隙間をなくす)とヘッダーに固執することを脇に持っていたいと思います(現在、ナビゲーションバーはブロックされているようですそのスペース)。2つの兄弟div(コンテンツとサイドバー)を整列させますか?

ウェブサイト:

+1

を適用するので、[MCVE]と現在のレイアウトのを持っていますあなたが試したこと。 –

答えて

0

は、要素に親を与え、あなたのコードを投稿display: flex; justify-content: space-between;

.flex { 
 
    display: flex; 
 
    justify-content: space-between; 
 
}
<div class="flex"> 
 
    <main>content</main> 
 
    <aside>aside</aside> 
 
</div>

+0

これは何を説明できますか? – nincs12

+0

@ nincs12ここでは、ビジュアルガイドですhttps://css-tricks.com/snippets/css/a-guide-to-flexbox/ –

関連する問題