【HTML】【CSS】flexboxでwidthが効かない時の対処法
flexboxでwidthを指定しているのに全然言うことを聞いてくれないことがあります。300pxって書いているのに、表示は220px。
![width](../../images/PC/Programing/flexbox/width/1.jpg)
CSSわずか1行で解決!!!
.box1{
flex-shrink: 0;
}
![width](../../images/PC/Programing/flexbox/width/2.jpg)
widthが効くようになりました。
![鳥](../../images/blog/202105/3 (3).jpg)
Lorem ipsum dolor sit amet, consectetur adipisicing elit.
![point](../../images/point.png)
flexboxでwidthが効かないときはCSSに1行 flex-shrink: 0; を加える。