css – 防止滚动条导致重新布局

前端之家收集整理的这篇文章主要介绍了css – 防止滚动条导致重新布局前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
当由于ajax内容而出现滚动条时,如何防止页面正文被“推”到左侧?
我当然可以设置溢出:滚动到正文,但它看起来不太好看.

我正在使用bootstrap,但我想这是一个普遍的问题.

解决方法

您可以创建具有固定宽度的容器,并为内容提供相同的宽度(相同的静态宽度 – 不是100%).
这样,当内容溢出父级时,滚动不会推送内容,而是会在其上方流动.

使用它,您可以应用一种很酷的方式滚动而不会推动任何东西.通过仅在悬停容器时显示滚动.

看看这个简单的Demo

编辑:
Here显示了设置静态宽度和%之间的区别.

原文链接:https://www.f2er.com/css/216004.html

猜你在找的CSS相关文章