webForumDet fria alternativet

Nästlade divs med 100% höjd

HTML & CSS

1 svar · 476 visningar · startad av Proj

Medlem sedan maj 200456 inlägg
Frågan#1

Jag har en div (#div1) som tar upp minst 100% av webbläsarfönstret (min-height:100%). I denna ligger #div2 som jag vill ska sträcka sig över hela #div1 i både sidled och höjdled. I #div2 ligger ytterligare en div som innehåller text. Blir det för mycket text ska alla divs utvidga sig nedåt. Problemet är att min-height:100% inte fungerar för någon av de divs som ligger i #div1. #div2 kommer alltså aldrig sträcka sig ända ner till botten på #div1 om det inte finns tillräckligt mycket text i textdiven. Går det att lösa det här på något sätt?

Medlem sedan dec. 20042 245 inlägg
#2

Anledningen är att 'height' beräknas till auto trots att du har angett min-height, och därför blir min-height eller height i % på dess barn också auto. Om du sätter 'height' till nåt annat än auto (tex 0) så fungerar det helt plötsligt. Det kan verka konstigt men så är det bara. :)

258 ms totalt · 4 externa anrop · v20260731065814-full.a51de22e
119 ms — deklarationer (db)
0 ms — hämta statistik (cache)
130 ms — hämta tråd, inlägg och bilagor (db)
125 ms — ändringar (db)