修复浏览器右侧滚动栏的宽度

111 0

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

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

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

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

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

0

相关文章

微信收款码
微信收款码