qq_44945983的博客

今天碰到一个问题，请看图片这里给父元素设置了宽度、flex，子元素也设置了宽度，这里是想让超出宽度出现滚动效果，就是因为加了flex，发现滚动失效了。解决办法如下：给子元素加 flex-shrink: 0; 这样就可以了，让子元素不可被压缩。完美解决。...

@charset "UTF-8";/*css reset*//*清除内外边距*/body, h1, h2, h3, h4, h5, h6, p, hr, /*结构元素*/ul, ol, li, dl, dt, dd, /*列表元素*/form, fieldset, legend, input, button, select, textarea, /*表单元素*/th, td, /*表格元素*/pre { padding: 0; margin: 0;}/*重置默认样式*/body

效果图：代码如下：.box { width: 60%; margin: auto; background-color: rgba(204,204,204,.6); padding: 20px 20px; border-radius: 10px; display: flex; flex-wrap: wrap; justify-content: space-aro