Jos minulla on vaikka yksi div, joka on vaikka 100%x100% (eli koko ruudun kokoinen). Sen sisällä on toinen div, joka on vaikka 300x300pix.
Miten sen sisällä olevan divin saa isomman divin alareunaan tasoitettua/liimattua ?
Miten sen sisällä olevan divin saa isomman divin alareunaan tasoitettua/liimattua ?
Vastaukset 3
Vanhimmat
div {
position: relative;
}
div div {
position: absolute;
bottom: 0;
}
Tämä toimii, kiitos.
Entäs saako pienen divin jotenkin keskitetty isomman sisälle?
Tarkoitatko keskitystä vaakatasossa? Jos kyllä, niin siihen voisi kokeilla jotain tällaista:
div div { position: absolute; bottom: 0; left: 50%; }
Jos haluat vain "pienemmän" divin sisälmykset keskitettyä, niin CSS-merkkaukseen voisi heittää esim. tällaista:
div div { position: absolute; bottom: 0; width: 100%; text-align: center; }