父盒子设置了宽度 flex为啥无效呢居然子元素超过父盒子了而且父盒子我设置宽度也没用好奇怪

首页课程实战体系课手记专栏慕课教程

父盒子设置了宽度 flex为啥无效呢居然子元素超过父盒子了而且父盒子我设置宽度也没用好奇怪

来源：13-3 svg + CSS 动画实战：环形进度条

慕神2393367

2020-12-01

图片描述

写回答

1回答

扬_灵

扬_灵

2020-12-01

同学你好，如果你给父元素设置了flex布局后，如果整个子元素宽度没有超过父元素宽度是有效的，如果整体超过父元素宽度即使给子元素设置了宽度也是无效的，你看一下你的样式中有没有添加flex-shrink: 0; 这个样式的效果是如果子元素超过父元素会撑破父元素。

0

0

数据可视化入门到精通-打造前端差异化竞争力

同级别前端，掌握数据可视化薪资更高

1520 学习 · 1043 问题

相似问题

左边6个盒子不能完全展示

回答 2

父组件向子组件传值和子组件向父组件传值应该怎样实现。

回答 1

为啥我这样设置了样式没继承父元素颜色呢而且父元素宽高也有设置 svg图片咋还能显示

回答 1

搜索用户数和搜素量两个图片的高度不一致，怎么解决？

回答 1

请教一下老师，为什么我的柱状图宽度没有撑满父容器呢？

回答 1

打开慕课网App查看更多内容