<html>
<head>
<style>
* {
list-style:none;
margin:0;
padding:0;
}
html {
height:100%;
overflow:hidden;
}
body {
height:100%;
}
.top,.left,.right,.bottom {
position:absolute;
}
.top {
border:1px solid red;
height:70px;
left:10px;
top:10px;
right:10px;
}
.left {
border:1px solid blue;
width:300px;
left:10px;
top:90px;
bottom:90px;
}
.right {
border:1px solid #000;
left:320px;
right:10px;
top:90px;
bottom:90px;
}
.bottom {
border:1px solid yellow;
height:70px;
left:10px;
right:10px;
bottom:10px;
}
</style>
</head>
<body>
<div class="top">top</div>
<div class="left">left</div>
</div class="right">right</div>
<div class="bottom">bottom</div>
</body>
</html>
自适应布局，你一定用得着！！！
喜欢的朋友拿走不谢！！！
（ps：简书可以改良一下下吗？直接复制粘贴代码居然不显示还要手敲，宝宝不开心￣へ￣）
