overflow:auto

在制作页面，添加资料的时候，可能会遇到这种情况，客户提供的表格数据太宽，把页面撑开了，我也遇到这样的问题，当我尽量给表格减肥，发现还是不行的时候，偶忽然想到了overflow:auto，这个属性。

在这个大的数据表格外面套一个div，class是box，页面源码
<div class="box">
<table>
......
</table>
</div>

css这样写 .box{width:520px; overflow:auto;}

css定义了这个div的overflow“auto”的属性，还有就是要给这个div一个适合这个页面的宽度。

这样，当“box”里面的内容宽度大于css定义的宽度时，就会出现滚动条了。里面的内容可以是表格，也可以是图片等等

 

今天遇到一个比较特殊的情况：ie6下设置overflow:auto不起作用，在火狐下正常显示。ie下滚动条是出来了，但是内容却跑到下面去了，滚动 条行同虚设。网上搜索了一下都说是设置高度和宽度就ok了，开始还以为是百分比高度引起的，但设置成绝对高度200px后还是不行。最后通过经验判断出原 来是overflow的那个div没有position定位，给加了个定位和top,left属性后一切都正常了！汗，实际开发中遇到的问题远远比预料的 多啊，这或许是为什么软件项目开发总是延迟，尽管开发人员加班加点成了家常便饭还是不可避免的。