Exemplo de Design Responsivo com Divs

Veja um simples exemplo de codigo de desing responsivo utilizando divs:

One

Two

Three

Four

Veja o codigo : <div class="floatExample-wrap"> <div class="left-floaterExample"> One </div> <div class="left-floaterExample"> Two </div> <div class="left-floaterExample"> Three </div> <div class="left-floaterExample"> Four </div> </div> <style> .float-wrapExampe { width:100%; border:1px solid red; /* causes .float-wrap's height to match its child divs */ overflow:auto; } .left-floaterExample { /* Respeitar o total do float-wrapExampe */ width:24%; height:100px; border:1px solid blue; float:left; } </style> Fonte utilizada de exemplo