Css 只有2乘2网格中的左侧列项目在悬停时转换边距
我不明白为什么我的左手栏的边距会在悬停状态下变换，而不是在右边 起初我以为是我的a标签，让它们显示：block没有启用右侧列的转换 我正在使用选择器[class^=col-]，因为列的宽度可能会改变。这与它的失败有关系吗 .包装纸{ 左：3vw； 右：3vw； } 主要{ 填充顶部：200px； 垫底：200px； } 氢{ 线高：1.3； 字母间距：.046rem； 字体大小：3.5rem } .col-5-5{ 宽度：45% } a、 a:悬停，a:访问，a:聚焦，a:活动{ 颜色：黑色； 文字装饰：无； } 图{ 垫底：65%； } .栏目{ 浮动：左； 显示：块； } .column.right{ 浮球：对 } .vogue网格。项目{ 显示：块 } .vogue grid.item>[class^=col-]{ -webkit过渡：边缘300毫秒轻松； -moz过渡：边缘300毫秒； 过渡：300毫秒宽； } .vogue grid.item>[class^=col-]>。说明{ 显示器：flex； 利润率：12px0.65px0； } .vogue网格。项目：悬停>[class^=col-]{ 左边距：3vw } .vogue grid.item>[class^=col-]>.description>.insert{ 填充：12px0； 保证金权利：16% }Css 只有2乘2网格中的左侧列项目在悬停时转换边距,css,css-transitions,Css,Css Transitions,我不明白为什么我的左手栏的边距会在悬停状态下变换，而不是在右边 起初我以为是我的a标签，让它们显示：block没有启用右侧列的转换 我正在使用选择器[class^=col-]，因为列的宽度可能会改变。这与它的失败有关系吗 .包装纸{ 左：3vw； 右：3vw； } 主要{ 填充顶部：200px； 垫底：200px； } 氢{ 线高：1.3； 字母间距：.046rem； 字体大小：3.5rem } .col-5-5{ 宽度：45% } a、 a:悬停，a:访问，a:聚焦，a:活动{ 颜色：黑色；
我相信这是因为浮动：对；应用于正确的项目。它已经粘在右边了，所以左边的边距似乎不会影响布局