Vue 2.7.x中使用v-show隐藏元素时父元素为何视觉下移？

我在学习Vue基础用法时制作了一个简单的2x4全屏网格布局，遇到了渲染异常问题。确定这和Vue核心机制有关，但反复查阅文档仍未找到原因。问题与v-for的使用直接相关——手动复制粘贴单元格而非用v-for渲染时一切正常，但无法理解缘由。

网格结构代码 #

<div class="row">
   <template v-for="i in 3">
      <signal-cell>

signal-cell组件模板大致代码 #

<div>
  <div class="header"> someText </div>
  <div class="countdown" v-show="isCdShown"> 18:40 </div>
</div>

当isCdShown从true变为false时，父元素会出现类似设置position: relative;top:30px;的视觉下移效果，但检查元素样式未发现外边距或相对定位设置。该问题仅在使用v-for渲染单元格时出现，移除.header div后现象更明显。DOMContentLoaded后2秒会改变isCdShown的值，使用Vue DevTools修改该值也会触发此问题。

内容的提问来源于stack exchange，提问作者A. Bardelli