如何為我的div擺脫多余的空白？

Question

我使用create-react-app cli創建此應用create-react-app cli ，但無法擺脫主容器頂部，左側和右側的這些多余空白。 看一下下面的截圖。 我只有一個該應用程序的div ，並且我的div具有以下CSS。

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

我嘗試過的是為0px設置邊距和填充，但是它們都不起作用。

Answer 1

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

Answer 2

您可以在頁面上單擊鼠標右鍵，選擇“檢查”，您將能夠看到此邊距/填充的來源。 將出現一個控制台，將鼠標移到HTML元素上以查看page元素上的顏色疊加。 您將能夠看到CSS正在執行的操作並進行調整。

我認為您可以通過執行.mainContainer { padding: 0, margin: 0 }來擺脫它，但是也許您只需要重置padding或margin即可，而不必同時重置兩者。