石周明

CSS部分：
<style type="text/css">
body{
margin:0;
padding:0;
}
html{_overflow:hidden;}
body{_overflow:auto;height:100%;}
.main{
margin:0 auto;
background:#ccc;
width:960px;
}

.left{
position:fixed;
_position:absolute;
left:0;
top:0;
background:#03c;
width:300px;
height:400px;
}
.right{
float:right;
width:660px;
background:#9c3;
}
</style>

HTML部分：
<div class="main">
<div class="right">
<p>我想左侧的蓝色区域是固定的</p>
<p>我想左侧的蓝色区域是固定的</p>
<p>我想左侧的蓝色区域是固定的</p>
<p>我想左侧的蓝色区域是固定的</p>
<p>我想左侧的蓝色区域是固定的</p>
<p>我想左侧的蓝色区域是固定的</p>
<p>我想左侧的蓝色区域是固定的</p>
<p>我想左侧的蓝色区域是固定的</p>
<p>我想左侧的蓝色区域是固定的</p>
<p>我想左侧的蓝色区域是固定的</p>
<p>我想左侧的蓝色区域是固定的</p>
<p>我想左侧的蓝色区域是固定的</p>
<p>我想左侧的蓝色区域是固定的</p>
<p>我想左侧的蓝色区域是固定的</p>
<p>我想左侧的蓝色区域是固定的</p>
<p>我想左侧的蓝色区域是固定的</p>
<p>我想左侧的蓝色区域是固定的</p>
<p>我想左侧的蓝色区域是固定的</p>
<p>我想左侧的蓝色区域是固定的</p>
<p>我想左侧的蓝色区域是固定的</p>
<p>我想左侧的蓝色区域是固定的</p>
<p>我想左侧的蓝色区域是固定的</p>
</div>
</div>

<div class="left">sds</div>

可根据实际需要对页面美工进行美化！