CSS伪类hover的选择器的问题

hover的触发点写的太快，隐藏块写的距离太远导致没有选择器可以让他俩产生交互，第一次的做法是直接用绝对定位放了一块红色块覆盖在触发点上方起到这样的效果，但是限制太多了（比如说缩放窗口他俩移动的速度不同[触发点所在的父级宽度没有红色块长{红色块绝对定位占了一整行}]），今日找到解决方法。

使用label标签包裹触发点，将设置了display:none的input(type用的是CheckBox）框放在隐藏块代码的上方，label的for属性和input的id属性绑定后，触发点的hover就会同步到Input上，再通过兄弟选择器+就可以交互到隐藏块了