html - 放大 IE 会破坏相邻元素

Question

我有几个相邻的元素，我根据页面上的另一个元素计算它们的位置。
元素应该包围那个元素。
问题是在 IE 上，当你缩放到某个点时，周围的元素之间会出现一行像素。
我创建了一个 jsfiddle 来演示这个问题:
https://jsfiddle.net/0vcomjsk/

fiddle 中的 div 根据前一个 div 的高度和顶部定位:

#first {
  width: 100%;
  height: 100px;
  top: 0;
  left: 0;
}

#second {
  width: 50%;
  left: 50%;
  top: 100px;
  height: 100px;
 }

 #third {
   width: 100%;
   top: 200px;
   left: 0;
   height: 100px;
 }

正如您在 fiddle 中看到的那样，红色元素围绕着左侧的一个矩形。
图片:

如果您在 IE 上打开此页面并充分缩放，您将能够看到这些 div 之间的空行像素。
图片:

Answer 1

尝试以百分比而不是像素设置高度和顶部。