<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head> <title>无标题页</title>
<script type="text/javascript">
function $(id)
{
return document.getElementById(id);
}function ss(){ var wd=$("aa"); //wd= wd.toString().substr(0,3); for (var i=1;i<wd.childNodes.length;i++) { var wdH=wd.childNodes[i].clientHeight;// alert(wdH); if(wdH>200) { wd.childNodes[i].style.overflow="hidden"; wd.childNodes[i].style.height="200px"; //alert(document.getElementById('aa').style.width); } }}
</script> <style> #aa { clear:both} #aa div { float:left; display:inline; margin-left:15px; } .bor { border:1px solid #DDDDDD;} </style></head><body onload="ss"><div id="aa"> <div style="height:10px;" class="bor">dsas</div> <div style="height:400px; background:blue" class="bor">雕刻家司克拉</div> <div style="height:200px; background:#CCCCCC;" class="bor">dsafdsaf</div> <div class="bor">地方啊</div> <div>单位俄</div> <div class="bor">的fe</div> <div class="bor">wewrew </div> </div><br /><div onclick="ss()" style="clear:both; border:1px solid #DDDDDD; background:#D5D5D5; 100px;">点击自适应</div></body> </html>