DIV+CSS自动适应宽高度
时间：2010-11-04 来源：New.min
<!DOCTYPE html>
<html>
<head runat="server">
<title>管理首页</title>
<style type="text/css">
html,body{width:100%;overflow:hidden;margin:0;}
#header{background:#000;}
#header h1{margin:0;padding:3% 100px;font-size:30px;font-family:'黑体';color:white}
#leftbar{width:20%;float:left;background:orange;}
#mainbody{width:80%;float:left;clear:right;background:white;}
#mainbody iframe{width:100%;}
</style>
</head>
<body>
<div id="header"><h1>www.ops.cc</h1></div>
<!--左栏-->
<div id="leftbar">
<a href="http://hosting.ops.cc" target="ifr">操作链接</a>
</div>
<!--主体栏-->
<div id="mainbody">
<iframe name="ifr" id="ifr" frameborder="0" src="http://www.ops.cc"></iframe>
</div>
</body>
</html>
运行结果如下:
点击这里下载示例源代码:http://files.cnblogs.com/newmin/autoWidthandheight.rar
原创文章转载请注明出处:http://newmin.cnblogs.com http://www.ops.cc
相关阅读 更多 +
