Är inte säker på att jag förstod hur du menar. Det är riktigt att
html,
body,
div {height: 100%;}
anges i relation till webbläsarfönstrets höjd, inte sidans. Det finns ingen CSS egenskap som tvingar ett element att fortsätta till botten av sidan.
Däremot skulle du kunna placera en DIV med mycket text inuti en yttre DIV. På så sätt expanderas den yttre DIVen av den inre:
<div class="yttre">
<div>
Lorem ipsum...
</div>
</div>
Men lägg märke till att du i så fall inte kan använda "height: 100%" på den yttre DIVen eftersom den inres text då svämmar över (dock inte i IE, vilket är fel). Istället kan man använda "min-height":
html,
body {height: 100%;}
.yttre {min-height: 100%;}
men det förstås tyvärr inte av IE. En lösning på problemet skulle kunna vara att lägga till följande specialregel enbart för IE (och alltså dold för andra webbläsare):
.yttre {height: 100%;}
(Själv föredrar jag att gömma CSS enbart avsedd för IE i "Conditional comments".)