本帖最后由 颜小飞 于 2012-1-10 20:13 编辑
<!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=utf-8" />
<title>div+css学习</title>
<style type="text/css">
#top{
height:200px;
width:100%;
}
#bodycontent{
width:100%;
height:600px;
}
#foot{
height:150px;
width:100%;
}
*{
margin:0px;
padding:0px;
border:none;
}
#all{
width:1000px;
height:auto;}
.top{
width:1000px;
height:150px;
}
/*下面这两个css样式有时要相互更换*/
.flashShow{
width:1000px;
height:300px;
}
.companyinfo
{
float:left;
width:650px;
height:300px;
}
</style>
</head>
<body>
<center>
<div id="all">
<div id="top">
<!--这里是头部不用改变的--->
<iframe name="top" class="top" src="top.html"></iframe>
</div>
<div id="bodycontent">
<div id="bodyiframe" class="companyinfo">
<!---这里是要添加的一个子页面,这个页面内容有时会占全部宽度,有时只会占60%左右的宽度。如果只占60%宽度时,
我希望下面右边的那个DIV(id="right")自动补起到这个旁边的空缺处来。如果为1000px时就把div(id="right")给挤下去。怎么写
css样式。求高手赐教。--->
<iframe src="flash.html" name="view_body" id="view_body" class="companyinfo"></iframe>
</div>
<div id="left" style="background-color:yellow; width:650px; float:left; height:300px;">
</div>
<div id="right" style="float:right; width:340px; height:300px; background:blue;"></div>
</div>
<div id="foot" >
<iframe src="foot.html" style="width:1000px; height:150px; border:none;" ></iframe>
</div>
</div>
</center>
</body>
</html>
|