html自动获取高度,html页面高度随内容自动增高解决方法

html页面高度随内容自动增高

请教大家，怎么让网页的高度随着内容的增加而自动增高，如csdn这里的论坛发帖一样，我回复一条，页面就增高一部分，请问大家这是怎么实现的，求指教，谢谢！

------解决方案--------------------

本身父级就是有子集元素高度撑开的，可以看如下代码

html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

无标题文档

body{font-size:16px;}

ul{margin:0;padding:0;}

li{list-style:none; vertical-align:top;}

.cf:after{content:'';display:block;clear:both;}

.cf{zoom:1;}

.list{width:980px; margin:0 auto;}

.list li{height:50px;border:solid 2px #06F; text-align:center;line-height:50px;margin-bottom:20px;}

window.οnlοad=function(){

var oBtn=document.getElementById('btn');

var oUl=document.getElementById('list') ;

var i=0;

oBtn.οnclick=function(){

var li = document.createElement('li');

li.innerHTML=i++;

oUl.appendChild(li);

}

}

点击按钮添加记录

------解决方案--------------------

高度自动增高一般不需要你做什么  内容多了自动就高了…