引导者本文目录一览：
flex属性详解0,1,auto分别什么意思
子元素不同 flex设置成1：flex设置成1的子元素的内容最大宽度值为1px。flex设置成auto：flex设置成auto的子元素的内容自动布局。
相当于将属性设置为flex： 0 0 auto。●initial设置该属性为它的默认值，即为flex： 0 1 auto。●inherit从父元素继承该属性。注意：如果元素不是弹性盒模型对象的子元素，则 flex 属性不起作用。
flex属性是flex-grow， flex-shrink 和 flex-basis的简写，默认值为0 1 auto。后两个属性可选。 从这里就可以推导出 相当于 我一开始理解的也是这样。
flex:1为什么里面的视频高度设置100%还是会撑开
根据查询火山引擎网显示flex1：flexflex1：1的元素当其子元素过长。内部元素内容较小。内部元素宽度过大。
一般做布局时flex1，内容用div包裹flex1，用left、right区分左右，用float：left float：right来划分左右，但遇到的问题就是当float：right则右侧的高度只能由内容决定或设置一个固定值，而不能跟随父容器进行高度自适应100%。
这是因为body本身存在有默认的外边距（margin），不同的浏览器这个值也有所不同，比如Chrome是8px。
第一种方法：此时对.son1设置width： 100%无效，但是设置width： 0可行。即：.son1{ flex： 1flex1； width： 0} 如果不设置宽度，.son1可以被子节点无限撑开。第二种方法：增加 overflow： hidden。
flex:1是啥意思?
1、flex属性是flex-grow， flex-shrink 和 flex-basis的简写，默认值为0 1 auto。后两个属性可选。 从这里就可以推导出 相当于 我一开始理解的也是这样。
2、flex设置成1：如果包裹块（即伸缩父容器）中，flex设置成1的最大宽度值为1px。flex设置成auto：如果包裹块（即伸缩父容器）中，flex设置成auto的最大宽度值为块的主尺寸。
3、flex的意思如下：动词：弯曲，曲折（四肢，关节）；活动，绷紧（肌肉）；（材料）有弹性。
4、flex-grow 属性定义项目的放大比例，默认为 0，即如果存在剩余空间，也不放大。flex-shrink 属性定义了项目的缩小比例，默认为 1，即如果空间不足，该项目将缩小。
5、给固定宽度的元素添加flex-shrink：0。flex-shrink 指定了 flex 元素的收缩规则。设置右边元素flex：1，当右边元素宽度超过父元素时，会造成右边宽度溢出。
