<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>
自適應(yīng)布局谎砾，你一定用得著Ｅ趼！碉哑！
喜歡的朋友拿走不謝！？鄣洹！
（ps：簡書可以改良一下下嗎激捏？直接復(fù)制粘貼代碼居然不顯示還要手敲，寶寶不開心￣へ￣）
