原因是外层元素有flex:1的布局,表格宽度设置自适应100%,就会出现这个问题。
解决方案
-
给父元素设置position:absolute;
同时给祖父元素设置position:relative;
-
外层不使用flex:1布局
改为calc(100% - 100px)这种计算宽度或高度
-
强烈推荐最后一种,直接给父元素display:grid;
简单粗暴,问题解决了,也没有出现元素塌陷什么的,完美
如果下方出现了不该出现的滚动条,那找到那个滚动条元素,样式穿透:
::v-deep{
.ivu-table-tip{
width:calc(100% + 1px)
}
}
完美!