在CSS中，尽管css属性display none，但grid div会占用空间。

Question

图片链接

我正在使用css网格建立一个网站，我有一个主div，在桌面视图中它有css属性display:none，在响应视图中它有属性display:block。虽然它有属性display:none，但它覆盖了一些空的空间，不显示任何元素，但它是空的。

  main{

        grid-area:main;
        text-align: center;
        display:none;
        ul
{
            margin:0;
            padding:0;
            list-style-type:none;
            li{
                padding:10px;
                background:white;
                &:hover{
                    background:#252934;
                }
                a{
                    text-decoration:none;


                }

            }
        }
    }

Answer 1

你好

我想你必须同时使用这两个...

display:none;
visibility:hidden;

我正在为一个视频元素使用这种组合，当视频在画布中播放时，元素的空间被释放出来。