大家好我创建了一个模板,背景有四分之一渐变,其余的都是这样的颜色
例如
.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。
答案 0 :(得分:0)
对于课程left
,请添加float:left
和height:100%
。
对于课程right
,请添加float:right
。您可以根据需要将height
设置为秒。