控件使用设置display:flex后，其子控件设置的宽度无效的 解决办法：在子控件使用flex-shrink:0；再设置宽度 ...

我们在做flex布局的时候经常会遇到这种问题： 父级元素添加display:flex; 子集元素添加width：100px； 但是子集元素宽失效！！！！ css 这是一个很正常的flex布局，就是左边定宽，右边自动伸缩 添加文字 ...

子级元素增加：align-self baseline; ...

1，如果父级开启了flex,子级元素的宽度相加大于父级，那么子级元素的宽度会被压缩 2.不让子级的宽度压缩 方法一，在子级添加 flex-shrink: 0; 值为0不被压缩， 方法二，在其中的一个子级添加一个子级，有宽高，也就是box的孙级，此时box2也不会压缩 ...

一种可能情况因为父div中的div处于浮动状态。 浮动是会脱离文档流的，内部两个层就不会局限于父层。所以父层不知道内部的高度。但清理浮动，可以把他们“拉”回来。 父DIV加上 zoom:1;overflow:hidden; zoom:1会触发ie（ie8以下）的haslayout，刚好能清理 ...

...

记录自己遇到的坑 项目： 指 flex 布局的子元素 当在flex布局情况下，当内容超过项目大小时， 项目会被内容撑开，这种情况下，容易导致页面布局错乱。 解决办法： 给项目设定一个固定1个像素大小的宽带或者高度（取决与flex-direction的方向，横轴设定width，纵轴设定 ...

解决父元素display:flex布局下的子元素宽度被压缩问题 因为设置了display: flex; 导致block布局变成了flex布局， 所以在子元素宽度没有被撑破的情况下，子元素宽度是有效的，但是当子元素内容过多，此时宽度会比实际宽度小，所以如果想要在已经设置了flex ...