DIV包含DIV高如何自适应

xyflash [楼主]

银牌会员

帖子: 914
体力: 1901
威望: 0
离线: 5 天

1^# 大中小发表于 2008-7-5 07:15

C 的内容有的多有的少 B 的高随着 C 的高而改变....
A 是标题
以上DIV全包含在W这个DIV里，就是又边框的那个.... W的高随 B 的高来改变....

请教大虾如何实现....

这是我代码：

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>DIV包含DIV高如何自适应</title>
<style type="text/css">
.P { 
	margin:auto; padding:0px; float:left; clear:both; border:#6DBAEF 1px solid; background-color:#FFFFFF;
	position:absolute; 
	
}
.P .H{ 
	margin:0px; padding:5px; float:left; clear:both; border-bottom: #6DBAEF 1px solid; 
	background:url("Bg.gif") repeat-x;
	position:absolute; width:100%; height:30px;
	
}
.P .H .Title{ 
	margin:3px 5px 0px 2px; padding:0px; float:left;
	font-size:14; font-weight:bold; color:#1974C8;
}
.P .H .Close{ 
	cursor: pointer; margin:5px 2px 0px 5px; padding:0px; float:right; background:url("Bg.gif") no-repeat;	
	width:10px; height:10px;
}
.P .Content{
	margin:30px 0px 0px 0px; padding:0px; float:left; background-color:#FFCCFF; 
	position:absolute; width:100%;
}
.P iframe{
	float:left; border:0px; position: relative;	width:100%;  
}
</style>
</head>
<body>
<div id="W" class="P" style="left:50; top:50; width:300px; z-index:1000;">
  <div class="H">
    <div class="Title">Title Str</div>
    <div class="Close" onClick="Close();">Close</div>
  </div>
  <div class="Content">
    <iframe id="frame" name="frame" src="http://case.blueidea.com/files/2008/07/02/work_278485_7083_20080702_094855_4933166_m.jpg" frameborder="no" scrolling="no"></iframe>
  </div>
</div>
</body>
</html>

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

[ 本帖最后由 xyflash 于 2008-7-5 07:18 编辑 ]