#div1,#div2{position:absolute;width:200px;height:160px;border:solid 1px}
#div1{overflow:scroll;top:60;left:60;}
#div2{border-color:#00f;background-color:#ececec;filter:alpha(opacity=95)}
</style>
</head>
<body>
<div id=div1>DIV1 DIV1 DIV1 DIV1<br/><br/><br/><br/><br/><br/><br/><br/> DIV1 DIV1 DIV1 DIV1</div>
<div id=div2>DIV2 DIV2 DIV2 DIV2</div>就是div1的overflow:scroll;

解决方案 »

  1.   

    <html><head><title>.......</title>
    <style>
    #div1,#div2{position:absolute;width:200px;height:160px;border:solid 1px}
    #div1{overflow:scroll;top:60;left:60;}
    #div2{border-color:#00f;background-color:#ececec;filter:alpha(opacity=95)}
    </style>
    </head>
    <body>
    <div id=div1>DIV1 DIV1 DIV1 DIV1<br/><br/><br/><br/><br/><br/><br/><br/> DIV1 DIV1 DIV1 DIV1</div>
    <div id=div2>DIV2 DIV2 DIV2 DIV2</div>
    </body></html>
    一楼的朋友说得很正确
      

  2.   

    滚动条是随着内容而变化的。
    当内容的高度/宽度大于容器(任何块及html元素)的高度/宽度时,html默认会自动出现滚动条(除非你禁止此属性)。