Jos yhden ison divin sisällä on toinen pienempi, niin miten sen pienemmän saa liimattua ison divin alareunaan?
Jos joku tajusi mitä tarkoitan...
Alareunaan div
6
561
Vastaukset
- hjkp
#test
{
padding: 0 10px 10px 10px;
float: center;
width: 180px;
background: #f6f6f6;
}
/*tee esim tuollainen div css tiedostoosi sen jälkeen sinne html tiedostoon lisäät sen*/
Tässä sisltöä
tässä sen divin sisältöä- nimittäin
Ei se pieni dev mene alareunalle, jos siinä isossa divissa on jotain korkeampaa kuin tuo pieni div.
- Höpö.
-------------------- css --------------------
#iso {
border: 1px solid Black;
}
#pieni {
background: #FFEFD5;
position: relative;
bottom: 0;
}
-------------------- html --------------------
Lorem Ipsum is simply dummy text of the printing and typesetting industry.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent semper ligula ut nisl.
----------------------------------------
Nyt on pää vähän jumissa. Jos asetetaan tuon mukaisesti isolle korkeus, niin pieni ei kyllä mene alareunaan. Ei jaksa miettiä enempää, jos joku tietää korjauksen niin kertokoon.- Höpö.
..divikin jäi sulkematta. Höh.
Testi
#ulompi
{
position: relative;
width: 30em;
height: 20em;
border: 1px solid #000;
}
#sisempi
{
position: absolute;
left: 0;
bottom: 0;
background-color: #FF0;
width: 100%;
height: 3em;
}
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Curabitur eu sapien et leo nonummy consequat.
Avainasemassa on ulommalle diville annettu "position: relative;" -määritys, jonka ansiosta absoluuttisesti sijoitetun sisemmän divin koordinaatit (left ja bottom) lasketaan suhteessa ulomman divin reunojen sijainteihin.- Höpö.
Aika hämärä logiikka mielestäni. Mutta paremmin tuo näyttää toimivan kuin mun antamani.
Ketjusta on poistettu 0 sääntöjenvastaista viestiä.
Luetuimmat keskustelut
Ja taas ammuttu kokkolassa
Kokkolaisilta pitäisi kerätä pois kaikki ampumaset, keittiöveitset ja kaikki mikä vähänkään paukku ja on terävä.705933- 1285227
Helena Koivu on äiti
Mitä hyötyä on Mikko Koivulla kohdella LASTENSA äitiä huonosti . Vie lapset tutuista ympyröistä pois . Lasten kodista.4393144Ovatko naiset lopettaneet sen vähäisenkin vaivannäön Tinderissa?
Meinaan vaan profiileja selatessa nykyään valtaosalla ei ole minkäänlaista kirjoitettua tekstiä siellä. Juuri ja juuri s991576Suomi vietiin Natoon väärin perustein. Viides artikla on hölynpölyä. Yksin jäämme.
Kuka vielä uskoo, että viides artikla takaa Suomelle avun, jos Suomeen hyökätään. Liikuttavasti täällä on uskottu ja ved3631205- 291019
- 651001
Sydämeni on sinun luona
Koko ajan. Oli ympärilläni ketä oli niin sinä olet vain ajatuksissa ja tunteissa. En halua muiden kosketusta kuin sinun46926Trump ja Venäjä
Huomasitteko muuten... Käytännössä ainoat valtiot, joille Trump EI eilen asettanut typeriä tariffejaan, olivat Venäjä ja109884Jatkuva stressitila
On sinun vuoksesi kun en tiedä missä mennään mutta tunteeni tiedän ainoastaan52859