子元素是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


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM