css双色背景黑

嗨，朋友们，有没有可能得到一个双色背景像这样的100%宽度和高度像这样

以下是示例图像：

（样本）左侧为白色，其余为其他颜色

如果我用div的手段

.left{
    float:left;
    width:30%; 
    background-color:#fff;
 }

.right{
    float:right;
    width:70%;
    background-color:#B97A57;
}

---

这导致了高度问题。它的增加取决于div上的内容。如果我使用minheight，则意味着它在不同的屏幕上也发生了更改。如果有任何黑客在html正文中设置类似于此背景的内容！因为我需要全屏

使用渐变作为背景

body{
    background: #fcfcfc; /* Old browsers */
    background: -moz-linear-gradient(left,  #fcfcfc 30%, #6b1717 30%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(30%,#fcfcfc), color-stop(30%,#6b1717)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left,  #fcfcfc 30%,#6b1717 30%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left,  #fcfcfc 30%,#6b1717 30%); /* Opera 11.10+ */
    background: -ms-linear-gradient(left,  #fcfcfc 30%,#6b1717 30%); /* IE10+ */
    background: linear-gradient(to right,  #fcfcfc 30%,#6b1717 30%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#6b1717',GradientType=1 ); /* IE6-9 */    
}

使用以下方法生成的渐变：

---

演示：

谢谢@Cristy，如果我在左边而不是白色，我有渐变，其余的都是白色意味着我该怎么办。！您可以使用生成器创建任何想要的渐变：）请记住，旧IE专有的

filter

会产生完全不同的结果，这在这里不太合适。此外，无需指定

-ms-linear gradient

，因为IE10的所有附带版本都支持W3C语法（只有早期BETA需要

-ms-

）。