如何做一个通用的局部滚动条，要能实现所有浏览器兼容

给任意一个块级元素添加css属性overflow:scroll，就可以自动出现滚动条了，比如：

<div style="overflow:scroll">

<p>测试行</p>

<p>测试行</p>

<p>测试行</p>

</div>

如果只需要纵向的滚动条，可以用overflow-y：

<div style="overflow-y:scroll">

<p>测试行</p>

<p>测试行</p>

<p>测试行</p>

</div>

只需要横向滚动条则是 overflow-x

如果希望当内容超出范围时才出现滚动条，则可以把 scroll 改为 auto

此方法兼容所有浏览器

在IE里可以实现，但是这几个属性只是IE才支持，chrome不支持。也就是说。chrome不认识这几个样式。如果要实现多浏览器的显示效果相同，就只能靠div+css模拟一个。要么就采用默认的

---