两个元素之间的黑色1px线

Question

是否可以删除两个彩色元素（红色和绿色）之间的垂直线。我的代码有什么问题？或它的颜色阴影或我不明白

div {
  height: 30px;
  font-size: 0;
}

div li {
  display: inline-flex;
  height: 100%;
}

li:first-child {
  width: 33.3%;
  background-color: red;
}

li:nth-child(2) {
  width: 33.3%;
  background-color: green;
}

li:last-child {
  width: 33.3%;
  background-color: yellow;
}

<div>
  <li></li>
  <li></li>
  <li></li>
</div>

Answer 1

这条线是黑色的，因为电脑是懒惰的＆＃34;当C =（（sqr（C1）+ sqrt（C2）/ 2）/ 2）^ 2时，通过调整颜色值如C =（C1 + C2）/ 2来组合颜色。你明白为什么他们是懒惰的＆＃34;。

观看此YouTube视频了解详情。 https://www.youtube.com/watch?v=LKnqECcg6Gw

它们结合在一起，因为浏览器像素不适合您的屏幕像素......在某些时候，有人会做一些颜色组合。

Answer 2

33.3％x 3 = 99.9％ 我同意之前的评论，其中一项是33.4％。