在HTML中，为了使div元素显示滚动条，需要将滚动条样式添加到内容父div上，并设置合适的overflow样式。当content区域需要自适应窗口大小时，可以采用CSS的flex布局或calc函数来确定其尺寸。对于IE浏览器的支持，要注意最低版本要求。此外，还介绍了jQuery插件支持div中滚动条回到顶部的功能，以及如何在div中显示和预览页面，同时处理滚动条定位和不受外部CSS影响的问题。
基本思路：滚动条要添加到内容部分的父标签上(div)，内容部分不设置大小，父标签要明确设置大小，并且父标签要添加overflow样式，并设置成auto。
打开的效果如下：
这时可能有人会问，父div的长度和宽度如何确定呢？有时候这个父div是需要根据页面的大小来自动适应的！！！！！例如下边这种页面是很常见的:
其中header部分、sider部分、footer部分是固定宽度的，而content区域是要适应不同窗口大小的，这时这个content大小就是问题了。
解决的办法有我有两种：
1、利用css 的 flex布局，具体如何做，可以搜索去学，但flex貌似是ie9即以下的ie不行；
2、利用c
最低0.47元/天 解锁文章
扫一扫
1172
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
