弹性盒子使用非常灵活，但是有次开发遇到一个问题：外部div已经设置了display:flex但是还是不能使内部元素自动伸缩。
像这种情况
不断地减少外层（黄色边框）div的width,内部（红色边框）的4个div左边的那一个一直保持着最小宽度不变
因为里面有个min-width：xxx,这个xxx的值就确定了这个元素的最小宽度，且不受外层配置了display:flex元素的伸缩控制。特别是有时候嵌套的div等元素多了，其中有一个父元素设置了这个属性值，其所有子元素都不会随着页面大小变化而变化。
css探究flex容器内部元素无法弹性变化原因
猜你喜欢
转载自blog.csdn.net/A6107907/article/details/86317460
今日推荐
周排行