<!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" />
<meta name="author" content="Chomo" />
<link rel="start" href="http://www.14px.com" title="Home" />
<title>div仿框架布局</title>
<style type="text/css">
* { margin:0; padding:0; list-style:none;}
html,body { height:100%; overflow:hidden; background:#fff;}
div { background:#0CF; line-height:1.6;}
.top { position:absolute; left:10px; top:10px; right:10px; height:50px;}
.side { position:absolute; left:10px; top:70px; bottom:70px; width:200px;}
.main { position:absolute; left:220px; top:70px; bottom:70px; right:10px;}
.bottom { position:absolute; left:10px; bottom:10px; right:10px; height:50px;}
</style>
</head>
<body>
<div class="top"></div>
<div class="side">
<li>
<ul>菜单1</ul>
<ul>菜单2</ul>
</li>
</div>
<div class="main">这是个div 框架源代码</div>
<div class="bottom"></div>
</body>
</html>
详细解决方案
div仿框架格局备份
热度：91 发布时间：2012-10-17 10:25:47.0
相关解决方案