HTML如何实现某区域的内容用滚动条看，其它区域都是固定不动的_随笔

需要准备的材料分别有：电脑、浏览器、html编辑器。

1、首先，打开html编辑器，新建html文件，例如：index.html。

2、在index.html中的<body>标签中，输入html代码：

<div style="width: 100pxheight: 100pxoverflow: scroll">测试div内容超出用滚动条的内容</div>

3、浏览器运行index.html页面，此时。

在除了IE6的情况下，可以通过CSS的:hover伪类来实现：

假如你想设定的固定区域为：<div id="test"></div>,那么只需要在CSS样式表里定义：#test:hover{cursor:pointer/*这里必须设为pointer才会对所有浏览器有效，hander只针对IE有效*/}，

如果要在IE6下实现这个效果，除非你固定的区域是个块状的<a>标签区域，否则就要借助JS来实现了（引入一个HTC文件可以解决）。

【另外有一种更简便的方法】：就是将这个元素用<a>包围起来，如：

<a href="#" style="text-decoration:none"><div id="test" style="height:50pxwidth:50px"></div></a>，这个方法IE6也同样可以有效。

欢迎分享，转载请注明来源：内存溢出

HTML如何实现某区域的内容用滚动条看，其它区域都是固定不动的