我正在尝试拆分 a 的背景颜色div- 我希望左侧为白色，右侧为黑色。我尝试使用其中div嵌套了两个 div 的包装器，但黑色 div 并没有像我需要的那样 100% 填充包装器 div。
这是小提琴：
问问题
185 次
2 回答
2
像这样的东西？
我为 div 添加了颜色，以便您可以看到它们的位置。我为背景 div 着色，所以如果黑色 div 不够高，您将无法分辨。
我添加了缺少的结束标签<p>Content</p>
于 2013-01-13T05:19:49.897 回答
1
好的，我不回答为什么您的代码不起作用（Steve Wellens 的解决方案是完美的）。我建议使用一种可能更优雅的解决方案来处理多种颜色背景：Linear Gradient with Color-stop。
您可以div在color-stop. 使用color-stop，您可以指定您希望新颜色沿渐变线的哪个位置开始，使用percentage。指定 50% 将使您的新颜色恰好在线性渐变的一半处开始。
你可以玩弄百分比，直到你得到你想要的效果。
查看以下内容，他们已经通过渐变实现了您想要做的事情：
检查它是否对您有用。
于 2013-01-13T05:30:49.233 回答