css实现自适应屏幕高度和双飞翼布局
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>双飞翼布局</title>
<style>
body,html{margin:0;height:100%;color:#fff;} /*首先在这里设置高度为100%，子元素才能设置高度为100%实现自适应屏幕高度
.content{width:100%;height:100%;margin:0 auto;background:#aef;}
.main2{float:left;width:100%;}
.in{margin:0 230px 0 190px;background:#C0F;}
.left2{float:left;width:190px;margin-left:-100%;background:#03F;}
.right2{float:left;width:230px;margin-left:-230px;background:#63F;}
</style>
</head>
<body>
<div class="content">
<div class="main2">
<div class="in">main</div>
</div>
<div class="left2">left</div>
<div class="right2">right</div>
</div>
</body>
</html>
