嗨，伙计们，我创建了一个模板，其背景有四分之一渐变，其余的都是这样的颜色
例子
.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 出现。