记录一下调试CSS样式的过程。
一、水平滚动条
效果如图:
解决:在父组件或爷爷组件上添加以下样式
min-width: max-content
效果:
但是右上角有个缺口。
这里是在浏览器的开发者模式调试找到问题的。
对比下面两个图:
图1
图2
图1是原图,图2和图1相比,去掉了一个 width: 0; 样式,修改之后效果如下:
这里使用的是antd组件库,这个样式是组件自带的,所以在自己的CSS文件里把它覆盖掉就好了。
二、竖直滚动条
效果如图:这个柱状图是溢出的
解决:
height: 100%