混合布局
混合布局
<!DOCTYPE html>
<html>
<head>
<meta charset="{charset}">
<title>混合布局</title>
<style type="text/css">
body{margin:0;padding:0;}
.top{height:100px;background:blue;}
.main{width:800px;height:600px;background:#ccc;margin:0 auto;}
.left{width:200px;height:600px;background:yellow;float:left;}
.right{width:600px;height:600px;background:#369;float:right;}
.foot{width:800px;height:100px;background:#900;margin:0 auto;}
</style>
</head>
<body>
<div class="top"></div>
<div class="main">
<div class="left"></div>
<div class="right"></div>
</div>
<div class="foot"></div>
</body>
</html>
网友评论