使用vue-antd框架,在使用其中的tabs里面套table表格时。会出现一个神奇的bug, 切换tabs时,页面的宽度会增加,出现横向滚动的问题。
由于是一个二次的开发,我一开始是以为布局中的最外层的盒子没有设置100%布局。于是就设置了一下百分百,但是还是没有解决。这就很哇塞了,困扰了我大概一个多星期。
后来,在一个偶然的时间,我在页面上调试时,在tabs是外层盒子上,加上了一个绝对定位
即position:absolute,就是这一行样式,完美的解决了。随便在切换,怎么也不会出现横向滚动了。
后来隐隐约约发现,可能是框架底层,封装table的问题,使用了一个自适应的方法。导致出现的问题。
总结,在碰到这种宽度自动变大的问题,可以在外层套一个盒子,用定位来解决问题。这个是目前来说,比较好的一个方法。当然这个前提是要设置父级的宽度为100%。
欢迎大家点击评论和交流!