flexboxで2カラムレイアウト実装の際ににつまづいた時の備忘録 現象 flex:1;を指定したflex-itemが親要素のwidth指定を無視して表示される 左のカラムのwidht:200px;の指定が無視される <div class="flex"> <div class="col-1"></div> <div class="col-2"> <p>糞長いテキスト糞長いテキスト糞長いテキスト糞長いテキスト糞長いテキスト糞長いテキスト糞長いテキスト糞長いテキスト糞長いテキスト糞長いテキスト糞長いテキスト糞長いテキスト糞長いテキスト</p> </div> </div> .flex{ display: flex; width: 1080px; } .col-1{ width: 200px; background-color: rgb(42, 152, 138); padding: 8px; f