html的flex布局
display：flex的⼦元素⽆法设置宽度
使⽤display:flex制作轮播图的时候，想让每张轮播图的宽度width="100%"，即屏幕的宽度，但是设置了没有⽤，后来发现，因为dispaly:flex是流式布局，⼦元素有个flex-shrink属性，表⽰在⽗元素宽度不够的情况下是⾃动收缩不？0表⽰不⾃动收缩，1表⽰⾃动收缩；所以将⼦元素（图⽚）添加属性：flex-shrink:0；即可
如果想让轮播图滑动，⽐如设置⽗元素的left：20%，如果⽗元素没有设置width，会发⽣⼦元素图⽚拉长20%，但是不动的情况；

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。