子元素是row，父元素设置overflow：auto不生效

遇到一个问题，想给界面设置最小宽度，小于这个宽度，内容滑动。就设置了overflow-x：auto。

总共四个界面，只有一个界面实现了，其他三个界面始终展示了滚动条。对比了一下，发觉这三个界面都用了antd的Row， Col布局。

最后我给Row设置了width：100%，终于ok了。

其实想想，overflow-x：auto就是内容超出了宽度显示滚动条，如果一直显示，说明有内容始终超出了宽度。对比了前后，发现，Row元素自带了样式margin-left：-10px，margin-right：-10px，所以总的宽度始终比设置的最小宽度超出了20px，

也就会一直显示滚动条了。

 

这里也涉及对于box-size的知识。参考https://blog.csdn.net/orichisonic/article/details/49123697

转载于:https://www.cnblogs.com/thhj-IT/p/10811608.html