Child div left border overlaps parent div bottom border in Chrome with display scaling at 125%

问题

I currently have the following markup an CSS:

.test1 {
  border: solid 2px #003C88;
  height: 100px;
}

.test2 {
  height: 100%;
  border-left: solid 8px #FBCE07;
}

<div class="test1">
  <div class="test2">
    Content
  </div>
</div>

in Chrome + Windows 10 with monitor scaling set to 125% the left border of the child div overlaps the bottom border by 1px. If I increase the scaling above 100% the issue disappears. In Firefox and Chrome + Windows Server 2008 the borders are displayed correctly regardless of scaling.

来源：https://stackoverflow.com/questions/57716142/child-div-left-border-overlaps-parent-div-bottom-border-in-chrome-with-display-s