Skip to main content
1 de 2

Como poner un div al 100% y debajo otros div`s auto?

Como puedo poner el primer div al 100% de la pantalla y luego al bajar los demas div`s que sean auto dependiendo del contenido que tenga. el primer div se come el segundo ya se que es por el absolute pero no se como arreglarlo......

este es el html

 <div id="home">
    contenido al 100% de la pantalla
      </div>
    <div id="about">
    auto dependiendo del contendido de este div
      </div>
    <div id="galeria">
    auto dependiendo del contendido de este div
      </div>

este es el css

#home{
    width:100%;
    height:100%;
    margin:0;
    padding:0;
    position:absolute;
    top:0;
    background-image:url(../image/Construction_0.png);
    background-position:50% 50%;
    background-size:cover;
}

#about, #galeria{
    width:100%;
    overflow:auto;
    display:block;
    margin:0;
    padding:0;
    text-align:center;
}