场景:
一个单页应用，因为背景与其他页面共享不能直接更改body样式,
即把背景图片定义在页面容器上,容器用absolute定位body铺满,
于是当容器内容太多撑开了页面, 但此时body也是用的absolute所以body不会被撑开 ,导致出现如下样式:
解决方案:
- 首先如果能修改body样式就是让body不为绝对定位 让body存在于文档流,但是这样就不会遇到我们所说的问题了😆
- 其次如果遇到和我一样的场景不能修改body样式了
可以给容器定位fixed相对浏览器定位,
然后记得给容器定义overflow:scroll;于是容器会固定在浏览器的显示区并且不影响内容超出了。
完美解决
