HOTSPOT
あなたはウェブページを開発する。次のHTMLマークアップを作成します。

Webページのレイアウトには3つの行が含まれている必要があります。最初の行はページの幅全体にわたり、#Topというラベルが付けられています。 2番目の行には3つの列があります。最初の列には#Leftというラベルが付きます。 2番目の列は#Mainとラベル付けされています。右側の列には#Rightというラベルが付けられています。 #Left列と#Right列は固定幅です。 #Main列は残りの空き領域を占有します。 3行目と最後の行はページの幅全体にわたり、#Bottomというラベルが付けられています。
Webページのレイアウトは、次のイメージに似ている必要があります。

レイアウトを実装するには、CSSスタイルを作成する必要があります。
どのように関連スタイルを完成させるべきですか?回答するには、回答エリアの各ドロップダウンリストから適切なオプションを選択します。ホットエリア:

正解:

説明/参照:
* -ms-flexbox
フレックスボックスレイアウトを有効にするには、まずフレックスボックスコンテナを作成する必要があります。これを行うには、要素のdisplayプロパティを "-ms-flexbox"(ブロックレベルのフレックスボックスコンテナ)または "-ms-inline-flexbox"(インラインフレックスボックスコンテナ)に設定します。
* -ms-flex-direction:行;
フレックスボックスコンテナを作成するときに、向きを設定することもできます。つまり、子を右から左、左から右、上から下、下から上のいずれに表示するかを指定できます。
* -ms-flex
子要素の幅または高さが、オブジェクトで使用可能な領域に基づいて柔軟であるかどうかを指定します。この値は、子要素に割り当てられる利用可能な領域の割合も示します。
リファレンス:Internet Explorer 10のフレキシブルボックス(Flexbox)レイアウト