0

こんにちは、背景に 4 分の 1 のグラデーションがあり、残りはこのような色のテンプレートを作成しました

ここに画像の説明を入力

     .left{

          width:30%;
          background-image: linear-gradient(to bottom, #f7fdff, #f6fdff);
          background-repeat:repeat-y;
            }
      .right{
           width:70%;
           background-color:#fff; 
            }

そしてhtmlは

      <body>
       <div class="left"></div>            
       <div class="right"></div>
      </body>

そしてそれは次のように見えますここに画像の説明を入力

フルサイズの画面で必要です。幅を固定した場合、画面サイズに応じて変更されることを意味します。このような状況でそれを行うための修正は何ですか? 両側には 100% の高さが必要です。画像のように、左側のグラデーションと右側の色が 100% の幅と高さで必要です。div を使用しても表示されないことがわかっています。

4

1 に答える 1