第一种方法:給html标签添加overflow-y:scroll;

    直接給每个页面添加y轴滚动条,这样就不会有偏差了,实际显示的宽度的位置都是一样的。
    不过这个就很难看了,伤敌1000自损800.

第二种方法,通过函数计算出滚动栏的宽度,然后添加一个padding值,让他抵消掉。

    給内容部分的div添加一个padding-left: calc(100vw - 100%);其中100vm是浏览器的显示宽度,100%则是内容实际占用的宽度,让浏览器宽度减去实际显示的宽度就是右边栏的宽度,在給内容div添加一个左边的内边距让他位移,这样就可以模拟出即便有滚动条,内容部分还是按照无滚动条的宽度进行定位。

注意: calc(100vw - 100%),减号左右是有空格的。

分类: CSS 标签: htmlcss修复修复浏览器右侧滚动栏的宽度完美居中html居中设置

评论

暂无评论数据

暂无评论数据

目录