私のdivのための余分な空白を取り除くには？

Question

私はcreate-react-app cliでこのアプリケーションを作成し、私はこれらの余分な空白を私のメインコンテナの上、左、右のサイドで取り除くことはできません。以下のスクリーンショットをご覧ください。私はまだ1つだけdivこのアプリのために、私はdivのための次のCSSがあります。

.mainContainer{ 
 
\t display: flex; 
 
\t flex-direction: column; 
 
\t background-color: black; 
 
}

私は何をしようとしたことは0PXに対するマージンとパディングの両方を設定し、それらのいずれも動作します。

Answer 1

html, body { margin: 0; padding: 0 } 

Answer 2

あなたは、ページ上で右クリックして点検を選択して、あなたは、このマージン/パディングがどこから来ている見ることができますすることができます。コンソールが表示され、HTML要素の上にマウスを移動すると、ページ要素の上にカラーオーバーレイが表示されます。あなたはどのCSSがこれをしているのかを見て調整することができます。

私はあなたがこれを行うことによってそれを取り除くことができると思います.mainContainer { padding: 0, margin: 0 }しかし、たぶんあなただけのパディングや余白、両方をリセットする必要があります。