如下图,笔者因为要实现表格标题固定,内容滚动的效果,所以采用两个表格,但是在使用border-collapse:collapse;导致了两个表格中间有间隔,外层容器是flex布局,内容的flex:1 自动伸缩,表头使用原有高度。
解决方案是在表头的table设置width:100%
问题是在Chrome90.xxx,其他版本可能也一样,有同样问题的小伙伴不妨试一下哈。如果有高手知道原因也请告知一下哈。小弟万分感谢。不知道问题会不会出现在flex布局上面呢。
关于table设置border-collapse:collapse 之后,出现盒子占用超过自身高度的问题的解决方案
最新推荐文章于 2023-01-12 16:51:13 发布
关键词由CSDN通过智能技术生成