アブソリュートv-overlay
がの内部で使用される場合、v-col
オーバーレイはv-row
親だけでなく祖父母のすべてをカバーしますv-col
。
「絶対オーバーレイは絶対に配置され、親要素の内部に含まれます。」
-Vuetifyのドキュメント
これは、要素のデフォルトの位置値がであるために発生static
し、CSSには次のルールがあります。
絶対的に配置された要素は、最も近い位置にある祖先(つまり、静的ではない最も近い祖先)を基準にして配置されます。
ソース:mdn
私たちの場合、最も近い位置にある祖先はv-row
です。これを修正するposition: relative;
には、親にを追加するだけv-col
です(違いを確認するには、コーデックでこれをコメント解除できます)。
この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。
侵害の場合は、連絡してください[email protected]
コメントを追加