Html 当我点击一个按钮时，它会一直导航到页面的顶部

下面是一段代码，它设置了一个复选框的样式，使其看起来像一个按钮，但我遇到的问题是，为什么当我单击复选框按钮时，它会一直将我导航到页面顶部

HTML/PHP：

echo '<div id="ck-button"><label><input type="checkbox" name="options[]" id="option-' . $indivOption . '" value="' . $indivOption . '" /><span>' . $indivOption . '</span></label></div>';

---

您需要添加

位置：相对到
#ck按钮
选择器

#ck-button {
    margin:8px;
    background-color:#EFEFEF;
    border:1px solid #D0D0D0;
    overflow:auto;
    float:left;
    position: relative;
}

。（向下滚动查看按钮）
页面上是否有JavaScript或元素周围的链接？我认为这与您发布的代码无关。问题必须位于页面上影响复选框的其他代码中的其他位置。
#ck-button {
    margin:8px;
    background-color:#EFEFEF;
    border:1px solid #D0D0D0;
    overflow:auto;
    float:left;
    position: relative;
}