Почему фоновый цвет не заполняет блок?

Question

[kuramaa922]

Прошу прощения за такой глупый вопрос,но почему фоновый цвет не заполняет весь блок main,а появляется лишь у элементов,в которые добавляется контент?

https://jsbin.com/cupigucira/edit?html,css,output

Comments

[gazes12]

https://codepen.io/gazes12/pen/mdxMKQM
Я задал блоку main: width: 100% и height 100%;
Так же в html скорей всего была опечатка, я заменил: <main class="main"> на
<main class="main"></main>

Answer 1

[macarov777]

просто высоту и ширину на 100%

Comments

[kuramaa922]

Спасибо,ещё один вопрос: не отображается тут же border-top у main,с чем это связано?

[macarov777]

kuramaa922, потому что когда ты задаёшь отдельный бордер он его почему то наоборот убирает,короче надо так border-top:1px solid black;