div 自适应高度

蓝色枫叶 · 发表于 2008-7-13 17:12:26

div 自适应高度

在wrap中分别有north,middle两个div north的高度是固定的
怎么来设置middle的高度为wrap高度除去north高度后的高度?
将代码中#middle {height:500px;}改怎么设定?
<html>
<head>
  <title></title>
  <meta http-equiv="pragma" content="no-cache">
  <meta http-equiv="cache-control" content="no-cache">
  
  <style>
#wrap{width:100%;height:100%;text-align:center;border:1px solid #84B6F7;}
#north{width:100%;height:50px;border:1px solid #84B6F7;background:#00FF00;}

#middle{width:100%;height:500px;border:0px solid #84B6F7;background-color:#FF0000;}

  </style>
</head>
<body>
  <div id="wrap">
<div id="north">

</div>
<div id="middle">
</div>
  </div>
</body>

</html>
提示：您可以先修改部分代码再运行

‰悔★恨№ · 发表于 2008-7-13 17:12:30

taotao · 发表于 2008-7-13 17:12:31

不是这个意思是想让middle填充剩余的部分

帐号		自动登录	找回密码
密码			立即注册

div 自适应高度

浏览过的版块