我正在尝试分割div的背景颜色 - 我希望左侧是白色，右侧是黑色。我尝试使用包装器div并在其中嵌套了两个div，但黑色div不会像我需要的那样100％填充包装器div。
这是小提琴：
答案 0 :(得分：2)
这样的东西？
我为div添加了颜色，这样你就可以看到它们的位置。 我为背景div着色，所以如果黑色div不够高，你将无法分辨。
我添加了缺少的结束标记<p>Content</p>
答案 1 :(得分：1)
好的，我没有回答为什么你的代码不能正常工作（Steve Wellens的解决方案很完美）。我建议使用可能更优雅的解决方案来拥有多个颜色背景：具有颜色停止的线性渐变。
您可以在div上应用线性渐变，因为您需要多种颜色（在本例中为2），您可以指定color-stop。使用color-stop，您可以使用percentage指定希望新颜色开始的渐变线的位置。指定50％将在线性渐变的一半处开始新颜色。
您可以使用百分比来获得所需的效果。
查看以下内容，他们已经通过渐变实现了您的目标：
检查它是否对您有用。