首页 » CSS » 修复浏览器右侧滚动栏的宽度

最后更新于 2018年04月11日

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

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

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

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

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

  • weixiao kaixin tushetou jingkong deyi fanu liezui liuhan daku ganga bishi nanguo lihai qian yiwen numu tu yi haixiu se fadai minyan hehe henkaixin huaji biyiyan kuanghan maimeng shui xiaku penqi zhangzui pen aini ye niu laji ok chigua renshi kongbu shuai xiaoxiese touxiao huaixiao jingnu chihuai kaisang xiaoku koubi zhuangbi lianhong kanbujian shafa zhijing xiangjiao dabian yaowan redjing lazhu rizhi duocang chixigua hejiu xixi xiaopen goukun xiaobuchu shenme wusuowei guancha lajing chouyan xiaochi bie zhadanzui zhadanxiao