本文主要是介绍Flex导致设置的width:100%不生效问题，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！
因为设置了display: flex; 导致block布局变成了flex布局， 所以如果想要在已经设置了flex布局的基础上，再进行子元素的宽100%设置的话，可以应用下面的样式：（在该子元素上设置）
flex-shrink: 0;
width: 100%;
这样就可以生效了。
这篇关于Flex导致设置的width:100%不生效问题的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！
