身体背景图像与颜色扭曲

时间:2013-07-26 09:57:44

标签: css css3

大家好我创建了一个模板,背景有四分之一渐变,其余的都是这样的颜色

enter image description here

例如

     .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>

,看起来像enter image description here

我需要在全尺寸屏幕上使用它。如果我做了一个固定的宽度意味着它将改变取决于屏幕尺寸什么修复,在这种情况下这样做? 双方都需要高度为100%。背景为双层左侧渐变和右侧颜色,就像我需要的图像一样,宽度和高度都是100%。我知道它不会出现使用div。

1 个答案:

答案 0 :(得分:0)

对于课程left,请添加float:leftheight:100%。 对于课程right,请添加float:right。您可以根据需要将height设置为秒。