Spróbuj ustawić wysokość main i szerokość: u mnie to działa:
<!DOCTYPE html>
<html>
<head>
<style>
main{
background-color:#333;
width:300px;
height:300px;
}
</style>
</head>
<body>
<main></main>
</body>
</html>
Być może to przez przeglądarkę jest.
Albo na całą stronę:
<!DOCTYPE html>
<html>
<head>
<style>
*{
padding:0;
margin:0;
}
main{
background-color:#333;
width:100vw;
height:100vh;
}
</style>
</head>
<body>
<main></main>
</body>
</html>