Создаю на странице див:



пишу ему стиль:



запускаю но див получает высоту ровно на высоту содержимого? Почему и как исправить??

Наверое надо 

А вообще, чтобы в процентах задавать высоту, надо чтобы было относительно чего её задавать. 

.main-container
{
      position:relative; 
     margin:auto;
     width:1200px;
     height:100%;
     background-сolor:#c0c0c0; // цвет чтоб веднее было  
}