html - my height does not reach the end -

html - my height does not reach the end -

i have next code

<section id="cuerpo"> <h3>&uacute;ltimas ofertas</h3> <article> <img class="img-responsive" src="img/piso.png"> <div class="iconos-articulos"> <img class="img-responsive" src="img/wifi.png"> <img class="img-responsive" src="img/bater.png"> <img class="img-responsive" src="img/fumar.png"> <img class="img-responsive" src="img/mascota.png"> </div> </article> ...

and have background color , not come downwards me, end of h2

so background gets me end have set him in css height: 10000px section. when alter screen contents not many spaces there resolutions calling me less height

try

add clearfix class

html

<section id="cuerpo" class="clearfix"> --------- </section>

css

.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .clearfix { display: inline-block; } html[xmlns] .clearfix { display: block; } * html .clearfix { height: 1%; }

html css media-queries