<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title> New Document </title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="Generator" content="EditPlus">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
</head>
<style>
*{padding:0;margin:0;}
.mrtTop{height:100px;border:1px solid #000}
.mrtLeft{position:fixed;top:102px;left:0;bottom:102px;width:200px;border:1px solid #f00}
.mrtRight{position:fixed;top:102px;right:0;left:202px;bottom:102px; border:1px solid #f00}
.mrtBottom{position:fixed;bottom:0;left:0;right:0;height:100px;border:1px solid #000}
</style>
<body>
<div class="mrtTop">
<div style="height:100%;overflow:auto;">
TOP<br />
TOP<br />
TOP<br />
</div>
</div>
<div class="mrtLeft">
<div style="height:100%;overflow:auto;">
LEFT<br />
LEFT<br />
LEFT<br />
LEFT<br />
LEFT<br />
LEFT<br />
LEFT<br />
LEFT<br />
LEFT<br />
LEFT<br />
LEFT<br />
LEFT<br />
LEFT<br />
LEFT<br />
LEFT<br />
LEFT<br />
LEFT<br />
LEFT<br />
LEFT<br />
LEFT<br />
LEFT<br />
</div>
</div>
<div class="mrtRight">
<div style="height:100%;overflow:auto;">
RIGHT<br />
RIGHT<br />
RIGHT<br />
RIGHT<br />
RIGHT<br />
RIGHT<br />
RIGHT<br />
RIGHT<br />
RIGHT<br />
RIGHT<br />
RIGHT<br />
RIGHT<br />
RIGHT<br />
RIGHT<br />
RIGHT<br />
RIGHT<br />
RIGHT<br />
RIGHT<br />
RIGHT<br />
RIGHT<br />
RIGHT<br />
RIGHT<br />
RIGHT<br />
RIGHT<br />
RIGHT<br />
RIGHT<br />
RIGHT<br />
RIGHT<br />
RIGHT<br />
RIGHT<br />
RIGHT<br />
RIGHT<br />
RIGHT<br />
RIGHT<br />
RIGHT<br />
RIGHT<br />
RIGHT<br />
RIGHT<br />
RIGHT<br />
RIGHT<br />
RIGHT<br />
RIGHT<br />
RIGHT<br />
RIGHT<br />
RIGHT<br />
RIGHT<br />
RIGHT<br />
RIGHT<br />
RIGHT<br />
RIGHT<br />
RIGHT<br />
RIGHT<br />
RIGHT<br />
RIGHT<br />
RIGHT<br />
RIGHT<br />
RIGHT<br />
RIGHT<br />
RIGHT<br />
RIGHT<br />
RIGHT<br />
RIGHT<br />
RIGHT<br />
RIGHT<br />
</div>
</div>
<div class="mrtBottom">
<div style="height:100%;overflow:auto;">
Bottom<br />
Bottom<br />
Bottom<br />
Bottom<br />
Bottom<br />
Bottom<br />
Bottom<br />
Bottom<br />
Bottom<br />
Bottom<br />
Bottom<br />
Bottom<br />
Bottom<br />
Bottom<br />
Bottom<br />
Bottom<br />
Bottom<br />
Bottom<br />
Bottom<br />
Bottom<br />
Bottom<br />
Bottom<br />
Bottom<br />
Bottom<br />
</div>
</div>
</body>
</html>
原文：http://www.cnblogs.com/mrt-yyy/p/5081807.html