Question

我创建了一个div。 CSS条目如下：

.displaybox
{    
    height:200px;
    width:200px;
    border: 1px solid;
    background:#F0F0F0;
    font-family:arial,sans-serif;
    position:absolute;
    overflow:auto;
    padding:5px;
}

然后我使用以下HTML来显示它：

    <div class="displaybox" id="RawScanDisplay" style="display:none;"></div>

到目前为止一切正常。

我现在想要一个嵌套的div显示在里面，这纯粹是为了显示目的。

我创建了一个简单的div，我可以稍后操作以显示我想要的内容。 div如下：

<div style="background:#AABCC1; height:20px; width:20px;"></div>

这个div本身显示正常，但当我尝试将其嵌套在预期的父div中时，它不会显示，如下所示：

    <div class="displaybox" id="RawScanDisplay" style="display:none;"><div style="background:#AABCC1; height:20px; width:20px;"></div></div>

我希望隐藏父div直到用户执行特定操作，此时我希望它显示，下面是javascript：

        function fnRawScanDataResponse(e)
        {            
            var oBox = document.getElementById("RawScanDisplay");
            oBox.style.display = "";

        }

我做错了什么？

Answer 1

将样式display:none应用于容器时，此容器的每个元素也会消失。

您可以使用visibility: hidden来获得该容器仍占用窗口空间的效果，但在这种情况下内容也会消失

HTML嵌套div不显示

1 个答案: