flex:1时,父元素宽度被子元素撑开

当子元素设置超出不换行时,若子元素的宽度超出了父元素宽度(均分后),则会将父元素撑开,即 flex:1 失效

子元素子元素子元素子元素子元素子元素子元素子元素子元素子元素子元素子元素子元素子元素子元素子元素

ziyuansu

在这里插入图片描述

给子元素加上 width: 0 即可解决:

子元素

ziyuansu

在这里插入图片描述

你可能感兴趣的:(flex:1时,父元素宽度被子元素撑开)