因为设置了display: flex; 导致block布局变成了flex布局， 所以在子元素宽度没有被撑破的情况下，子元素宽度是有效的，但是当子元素内容过多，此时宽度会比实际宽度小，所以如果想要在已经设置了flex布局的基础上，再进行子元素宽度的设置，可以应用下面的样式：
（在该子元素上设置）
1 | width: 120px; |
转载：https://blog.csdn.net/qq_28073073/article/details/90479025
本文作者：
阿清そ
发布时间： 2020-11-12
最后更新： 2020-11-12
本文标题： 解决父元素display:flex布局下的子元素宽度无效问题
本文链接： https://www.aqingya.cn/articl/48ab6c53.html
版权声明： 本作品采用 CC BY-NC-SA 4.0 许可协议进行许可。转载请注明出处！
发布时间： 2020-11-12
最后更新： 2020-11-12
本文标题： 解决父元素display:flex布局下的子元素宽度无效问题
本文链接： https://www.aqingya.cn/articl/48ab6c53.html
版权声明： 本作品采用 CC BY-NC-SA 4.0 许可协议进行许可。转载请注明出处！