HTML/CSS - линейный градиент не занимая весь экран

Question

Если у меня есть следующие CSS свойство для моего тела:

body { 

background-color: red; 
background-image: linear-gradient(red, orange); 
} 

Тогда на моей веб-страницы появляется градиент, но он не занимает весь экран (У меня большой монитор). Он выглядит следующим образом: Это проблема с нижним колонтитулом? В настоящее время у меня нет нижнего колонтитула.

Answer 1

Попробуйте DEMO

body, html { 
    height: 100%; 
    width: 100%; 
} 

body { 
    background: rgba(231,56,39,1); 
    background: -moz-linear-gradient(top, rgba(231,56,39,1) 0%, rgba(231,56,39,1) 27%, rgba(255,166,0,1) 100%); 
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(231,56,39,1)), color-stop(27%, rgba(231,56,39,1)), color-stop(100%, rgba(255,166,0,1))); 
    background: -webkit-linear-gradient(top, rgba(231,56,39,1) 0%, rgba(231,56,39,1) 27%, rgba(255,166,0,1) 100%); 
    background: -o-linear-gradient(top, rgba(231,56,39,1) 0%, rgba(231,56,39,1) 27%, rgba(255,166,0,1) 100%); 
    background: -ms-linear-gradient(top, rgba(231,56,39,1) 0%, rgba(231,56,39,1) 27%, rgba(255,166,0,1) 100%); 
    background: linear-gradient(to bottom, rgba(231,56,39,1) 0%, rgba(231,56,39,1) 27%, rgba(255,166,0,1) 100%); 

} 

Answer 2

Ответ был на самом деле свойство маржой.

body, html { 
    height: 100%; 
    width: 100%; 
    margin: 0; 
}