overflow:auto /*需要的时候会出现滚动条*/
overflow-x:auto /*控制X方向的滚动条*/
overflow-y:auto /*控制Y方向的滚动条*/
受overflow影响的必需是块元素，并且指定宽度和高度，否则内部元素将自动将父级容器撑开。
这是右边的浮动导航，像新浪微博这个这样的
body{_background-image:none /*հҳΪ*/_background-attachment:fixed }//这个是针对ie6的
.navi{left:51% margin-left:474pxtop:120pxposition:fixed_position: absolute_top: expression(documentElement.scrollTop + 120 + "px") z-index:99}
.navi a{background-image: url(背景地址) background-repeat:no-repeatdisplay: block width:119px}
.navi a1{background-position: 0px 0px height:30px}
.navi a2{background-position: 0px -30px height:30px}
<div class="navi" id="navi">
<a href="" class="a1" ></a>
<a href="" class="a2"></a>
<script type='text/javascript'>
(function(){
var nav= document.getElementById('navi')
var fnav= function(){
var top= document.documentElement.scrollTop||document.body.scrollTop
if(top>500){
nav.style.display = 'block'
nav.style.marginTop="0px"
}else{
nav.style.marginTop="500"-top+"px"
}
}
window.onload =window.onscroll = fnav
})()
</script>
</div>
