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 ?
DIV-apuva
kaivataan
3
475
Vastaukset
- kuopassa
div {
position: relative;
}
div div {
position: absolute;
bottom: 0;
}- kaivataan
Tämä toimii, kiitos.
Entäs saako pienen divin jotenkin keskitetty isomman sisälle? kaivataan kirjoitti:
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; }
Ketjusta on poistettu 0 sääntöjenvastaista viestiä.
Luetuimmat keskustelut
- 1817567
Klaukkalan onnettomuus 4.4
Klaukkalassa oli tänään se kolmen nuoren naisen onnettomuus, onko kellään mitään tietoa mitä kävi tai ketä onnettomuudes883499- 592424
Kolari Klaukkala
Kaksi teinityttö kuoli. Vastaantulijoille ei käynyt mitenkään. Mikä auto ja malli telineillä oli entä se toinen auto? Se701548Ukraina ja Zelenskyn ylläpitämä sota tuhoaa Euroopan, ei Venäjä
Mutta tätä ei YLE eikä Helsingin Sanomat kerto.3731486Ooo! Kaija Koo saa kesämökille öky-rempan:jättimäinen terde, poreallas... Katso ennen-jälkeen kuvat!
Wow, nyt on Kaija Koon mökkipihalla kyllä iso muutos! Miltä näyttää, haluaisitko omalle mökillesi vaikkapa samanlaisen l201386- 571373
Toivoisin, että lähentyisit kanssani
Tänään koin, että välillämme oli enemmän. Kummatkin katsoivat pidempään kuin tavallisesti toista silmiin. En tiedä mistä171091Olisinpa jo siellä, otatkohan minut vastaan
Olisitpa lähelläni ja antaisit minun maalata sinulle kuvaa siitä kaikesta ikävästä, tuskasta, epävarmuudesta ja mieleni791040Kevyt on olo
Tiedättekö, että olo kevenee kummasti, kun päästää turhista asioista tai ihmisistä irti! Tämä on hyvä näin <3841038