2019獨角獸企業重金招聘Python工程師標準>>>

.wrap{ width:1200px; margin:0 auto; } 然而，這種布局有一個存在一個影響用戶體驗的隱患。應該都知道，現代瀏覽器滾動條默認是overflow:auto類型的，也就是如果尺寸不足一屏，沒有滾動條；超出，出現滾動條。解決辦法： html {overflow-y: scroll; }:root {overflow-y: auto;overflow-x: hidden; }:root body {position: absolute; }body {width: 100vw;overflow: hidden; }

轉載自：https://www.zhangxinxu.com/wordpress/2015/01/css-page-scrollbar-toggle-center-no-jumping/

轉載于:https://my.oschina.net/huibaifa/blog/1923185

總結

以上是生活随笔為你收集整理的水平居中布局与滚动条跳动的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。