【发布时间】：2020-09-17 05:34:23
【问题描述】：
当在v-col 中使用绝对v-overlay 时，覆盖覆盖其所有祖父v-row 而不仅仅是其父v-col。
“绝对叠加层是绝对定位并包含在其父元素内。”
-Vuetify 的文档
【问题讨论】：
标签： css vue.js css-position vuetify.js
【发布时间】：2020-09-17 05:34:23
【问题描述】：
这是因为默认情况下元素的位置值是static，而在 CSS 中有这样的规则：
绝对定位的元素相对于其最近的定位祖先（即最近的非静态祖先）定位。
来源：mdn
在我们的例子中，最近的定位祖先是v-row。
要解决此问题，只需将 position: relative; 添加到父 v-col （您可以在 codepen 中取消注释以查看差异）
【讨论】：