大家好我创建了一个模板,背景有四分之一渐变,其余的都是这样的颜色
例
.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不会出现 .
1 回答
对于类
left
添加float:left
和height:100%
. 对于类right
添加float:right
. 您可以根据需要将height
设置为秒 .