为什么根容器中没有``max width`，子元素中的` `display: flex`会使根容器占用100%的宽度？

根容器中没有设置max-width属性，而子元素中的display: flex会使根容器占用100%的宽度的原因是：

1. display: flex属性会将子元素设置为弹性盒子，使其成为一个弹性容器，子元素会按照弹性布局的规则进行排列。
2. 弹性容器默认会将子元素的flex-shrink属性设置为1，表示子元素可以缩小，以适应容器的宽度。
3. 当子元素的内容超出容器的宽度时，子元素会根据flex-shrink属性的值进行缩小，以保证所有子元素都能在容器内显示。
4. 如果根容器没有设置max-width属性限制容器的最大宽度，子元素会根据容器的宽度自动调整大小，从而使根容器占用100%的宽度。

总结起来，子元素的display: flex属性会使根容器占用100%的宽度，因为弹性容器默认会将子元素的flex-shrink属性设置为1，使子元素能够缩小以适应容器的宽度。而根容器没有设置max-width属性，导致子元素可以根据容器的宽度自动调整大小，从而使根容器占用100%的宽度。

腾讯云相关产品和产品介绍链接地址：

• 腾讯云弹性容器实例（Elastic Container Instance）：https://cloud.tencent.com/product/eci
• 腾讯云云服务器（CVM）：https://cloud.tencent.com/product/cvm
• 腾讯云云原生容器服务（Tencent Kubernetes Engine，TKE）：https://cloud.tencent.com/product/tke