Para garantir que uma section
usa a largura toda do browser pode fazer assim:
section {
float: left;
clear: both;
width: 100%;
height: 200px; // caso queira defenir a altura via CSS e não pela quantidade de conteúdo
}
Partindo do presuposto que é descendente direto do body ou que o seu parente tem width: 100%;
também, sem padding
ou margin
.
Para garantir que cada section usa a altura completa do ecrã pode usar CSS (em browsers modernos) com o Viewport height:
section {
height:100vh;
}
Ou usar jQuery:
$('section').css('height', $(window).height() + 'px');
E para garantir que todo o espaço é usado precisa fazer um reset às margens. No minimo seria:
body {
margin: 0px;
padding: 0px;
}
(retire o /show/
do url para ver o código)