【CSS面接の質問】3つのDIVを横に並べる必要があり、左右のDIVの幅は100pxに固定されており、中央のDIVが残りの幅を埋める（少なくとも2つの方法）

これは私が企業の面接中に遭遇した質問ですが、その時は答えられませんでした。 ！

だから、それを見た友達は注意しなければなりません！ ！

効果を確認するにはブラウザの幅を変更してください:

左

そうです

中

それではコードを見てみましょう:

最初の方法: (フローティング)

リーリー

2番目の方法：（絶対位置決め）

リーリー

リリースされて間もなく、友人が以下の 3 番目の方法についてコメントしました

3番目の方法: (fiex)

ブラウザのサポート

現在、主流のブラウザはbox-flex属性をサポートしていません。

Internet Explorer 10 は、プライベート プロパティ -ms-flex を通じてこれをサポートします。

【CSS面接の質問】3つのDIVを横に並べる必要があり、左右のDIVの幅は100pxに固定されており、中央のDIVが残りの幅を埋める（少なくとも2つの方法） はプライベート プロパティ -moz-box-flex を通じてこれをサポートしています。

プライベートプロパティ -webkit-box-flex を介して 【CSS面接の質問】3つのDIVを横に並べる必要があり、左右のDIVの幅は100pxに固定されており、中央のDIVが残りの幅を埋める（少なくとも2つの方法） と Chrome でサポートされます。

注:Internet Explorer 9 以前の IE バージョンはフレキシブル ボックスをサポートしていません。 リーリー

もちろん、もっと良い方法があれば、ぜひコメントして一緒に学んでください