1.width:100%和width:auto

　　width:100%,設定對象的寬度占父元素的100%不論設定元素的margin值是多少,不包含margin；

　　width:auto，根據設定對象的實際大小而自適應寬度，考慮設定元素的Margin值得大小，包含Margin

2.max-width:100%和min-width:100%

　　max-width:100%，如果指定元素寬度不超過父元素的寬度，則大小不變，如果超過了父元素的寬度則將寬度收縮為父元素的寬度。

　　min-width:100%最小寬度為100%,用的地方很少但是最近一個樹形控件中用到了，需要個樹形控件添加橫向滑動條，在vue的一個插件也用到了treeselect里面也需要添加橫向滑動條。

/deep/ .el-tree > .el-tree-node {min-width: 100%;display: inline-block; }

?

轉載于:https://www.cnblogs.com/wwkissocool/p/11125301.html

總結

以上是生活随笔為你收集整理的min-width:100%和max-width:100%的区别的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。