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; }