2013-07-26 116 views
0

嗨,大家好,我创建其背景有四分之一梯度和他们的其他模板都是这样身体背景图片

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%.background作为双层左侧渐变和右侧颜色的高度,就像我需要100%的宽度和高度的图像。我知道它不会出现使用div。

+0

固定高度是您的顶级酒吧吗? – Passerby

+0

@Passerby否认其默认顶部栏不是固定的。 –

+0

如果你希望你的div是窗户的高度,你将需要“body”至少和窗户一样高。否则,divs无法计算出与之一样高的值。但宽度的“情况”是什么?我不确定你想要达到什么目的。 –

回答

0

对于类left添加float:leftheight:100%。 对于类right添加float:right。根据您的要求,您可以将height设置为秒。

+0

我需要双方100%(右和左)。 –

+0

您可以将100%设置为双方。然后第二个div将占据父容器的整个高度。如果您需要与图像中指定的效果相同的效果,则必须根据父容器高度降低第二个div的高度。 – Bharadwaj