前端之家收集整理的这篇文章主要介绍了
css – 防止滚动条导致重新布局,
前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
当由于ajax
内容而出现滚动条时,如何防止
页面正文被“推”到左侧?
我当然可以设置溢出:滚动到正文,但它看起来不太好看.
我正在使用bootstrap,但我想这是一个普遍的问题.
您可以创建具有固定宽度的容器,并为
内容提供相同的宽度(相同的静态宽度 – 不是100%).
这样,当
内容溢出父级时,滚动不会推送
内容,而是会在其上方流动.
使用它,您可以应用一种很酷的方式滚动而不会推动任何东西.通过仅在悬停容器时显示滚动.
看看这个简单的Demo
编辑:
Here我显示了设置静态宽度和%之间的区别.
原文链接:https://www.f2er.com/css/216004.html