Skip to main content

Como ¿Cómo poner un div al 100% y debajo otros div`s auto?

ComoCómo puedo poner el primer div al 100% de la pantalla y luego al bajar los demasdemás 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......

esteEste 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>

esteEste 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;
}

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;
}

¿Cómo poner un div al 100% y debajo otros div`s auto?

Cómo puedo poner el primer div al 100% de la pantalla y luego al bajar los demás 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;
}
Origen Enlace

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;
}