お世話になります。
flexboxで横並びのボックスを作成中なのですが、
IE11だけ要素がはみ出てしまいます。
左側のbox1は横幅を固定したままで、右側のbox2だけをレスポンシブで可変型にしたいのですがうまくいきません。
GoogleChrome、Firefox、Edgeでは特に問題なく表示されています。
どこが悪かったのか、分かる方がいらっしゃいましたら教えて頂ければ幸いです。
HTML
1<div class="wrapper"> 2<div class="box1"> 3固定幅 4</div> 5 6<div class="box2"> 7可変幅 8</div> 9</div>
CSS
1.wrapper { 2 display: flex; 3 width: 100%; 4} 5.box1 { 6 flex-grow: 0; /* 画面幅によらずwidthで固定 */ 7 flex-shrink: 0; /* 画面幅によらずwidthで固定 */ 8 width: 250px; 9 margin-right: 4%; 10} 11.box2 { 12 width: auto; 13}
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2018/11/22 07:22