考虑使用<span>来隔离要设置样式的标记小段，而不破坏布局。这似乎比强制<div>不显示本身更习惯——如果实际上复选框本身不能按您想要的方式进行样式设置的话。

#divCheckbox{显示:none;}

这样就能解决问题了

考虑使用<span>来隔离要设置样式的标记小段，而不破坏布局。这似乎比强制<div>不显示本身更习惯——如果实际上复选框本身不能按您想要的方式进行样式设置的话。

通过鼠标点击显示/隐藏:

<script language="javascript">

    function toggle() {

        var ele = document.getElementById("toggleText");
        var text = document.getElementById("displayText");

        if (ele.style.display == "block") {

            ele.style.display = "none";
            text.innerHTML = "show";
        }
        else {

            ele.style.display = "block";
            text.innerHTML = "hide";
        }
    }
</script>

<a id="displayText" href="javascript:toggle();">show</a> <== click Here

<div id="toggleText" style="display: none"><h1>peek-a-boo</h1></div>

来源:这里

显示:没有;

这将使元素消失，不占用任何空间。

使用显示:没有;

<div id="divCheckbox" style="display: none;">

可视性:hidden隐藏了元素，但它仍然占用布局中的空间。 Display: none将元素完全从文档中移除，它不占用任何空间。