min-width:100%和max-width:100%的区别

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