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