fennmaradó magasság kitöltése
Sziasztok!
Adott a következő struktúra:Tegyük fel, hogy a
■ Adott a következő struktúra:
<div class="wrapper">
<div class="spam">Blabla</div>
<div class="spam">Subidubi</div>
<div class="fixthis">Lorem ipsum...</div>
</div>
.wrapper divnek van egy magassága, amit vagy örökölt, vagy megadtuk neki css szabállyal (px, %, akármi). A .spam divek akármekkorák lehetnek. A kérdés az, hogy hogyan lehet megvalósítani, hogy a .fixthis div magassága akkora legyen, mint a maradék hely a wrapperben. Mindezt természetesen javascript nélkül.
Tipp
esetleg plusz:
height: auto;
Nem próbáltam, nem biztos.
Miért kell a wrapper-nek fix magasság? Az a jó, ha tartalomfüggő.
nem-nem
height: auto;- nem jó, ez az alapértelmezett is egyébként.bottom: 0;- csakposition: absolute-tal működne, úgy viszont kiesik a normal flowból, tehát a.spamdiveket simán kitakarjaEgyébként eddigi ismereteim alapján erre a problémára nincs megoldás css-ben, de gondoltam megkérdem, hátha vki már talált rá valami haxot.
Próbáltad?
De ha nem érdekes, hogy van-e megoldás, akkor miért kérdezed?
Táblázattal próbálkoztál már?
Sajnos nem jó
Az ötlet alapvetően jó lenne. A hiba az, hogy itt a .spam divekre és a .wrapper-re nincs hatásom. Röviden:
.fixthis { /* itt kell megoldani a problémáát */ }