我有一个隐藏/显示 div 的复选框。当我将复选框直接放在 div 上方时它会起作用。当我将复选框放置在页面的其他位置（为了更好的可用性）时，它不起作用。有没有办法定位某个 div 以使复选框在页面上的任何位置都可以工作？
HTML 代码如下：
<input type="checkbox" id="toggle-result" checked="checked"> </input>
CSS：
input[type=checkbox]:checked ~ div {
display: none;
}