div+js左右布局高度自适应
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>div+css网页培训班</title>
<style type="text/css">
.left
{ width:300px; float:left; height:auto; background:#999}
.right
{ width:300px; float:left; height:auto; background:#0F0}
</style>
<script type="text/javascript">
<!--
window.onload=window.onresize=function(){
if(document.getElementById("mm2").clientHeight<document.getElementById("mm1").clientHeight){
document.getElementById("mm2").style.height=document.getElementById("mm1").offsetHeight+"px";
}
else{
document.getElementById("mm1").style.height=document.getElementById("mm2").offsetHeight+"px";
}
}
-->
</script>
</head>
<body>
<div class="content">
<div class="left" id="mm1">
left
</div>
<div class="right" id="mm2">
right<br><br><br><br><br><br>1<br><br>
</div>
</div>
</body>
</html>
原文地址：http://www.35ui.cn/post/20100706400.html 标签：网页开发工具网页美工培训班网页制作教程北京域名申请网站模板设计网络推广外包
上一条： 网站改版时6个需要注意的问题
下一条： 按历史、用途、材质、印刷色彩、排版名片分类标准大全
