使用渐变但没有混合颜色

我不知道这是一个愚蠢的问题还是类似的问题,但是我希望div用一种颜色填充某些百分比并且剩下其他部分.

和渐变属性

.div{
     background: linear-gradient(to right, #000 50%, #fff 50%);
}

结果成

.div{
     background: linear-gradient(to right, #000 28%, #fff 72%);
}

这导致了

我想让白色和黑色不混合,并在所有百分比上分开.

试试这个

.div{
    background: -webkit-linear-gradient(left, black 50%, white 0%);
    background: -moz-linear-gradient(left, black 50%, white 0%);
    background: -ms-linear-gradient(left, black 50%, white 0%);
    background: linear-gradient(left, black 50%, white 0%);
}