:Solution_html/css_WEB-ITnose

要件:
「長方形の div ブロック」を作成し、その背景として「長いストリップの背景画像.jpg」を使用します。画像の領域は「長方形の div ブロック」よりも小さいです。
4 つの div サブブロックを作成します。 「長方形の div ブロック」の上に、
4 つのサブブロックの幅がそれぞれ 25% を占め、半透明で、色は「青、緑、黄、紫」です。
各 div ブロックの高さは 300px、幅はアダプティブ ページ サイズである必要があります。


私の計画は次のとおりです。完全に正しくありません。独自の解決策を提示して書き留めてください。ありがとう
HTML ファイルは次のとおりです。

1

2

class= "bottom_top pic">4

---------------------------- -------------------------------------------------- --
CSS ファイルは次のとおりです:
.bottom_top{
width:100%;
height:300px;
background-size:50%;インデックス:10;
.pic{
高さ:300px;
背景色: オレンジ; :30;
}





ディスカッションへの返信 (解決策)

4 つの div サブブロック、フローティング、相対位置、長さを自分で計算するだけです、