当小于1200的时候 space并不会消失 这是怎么回事？

<div class="about">
            <div class="space"></div>
            <div>1</div>
            <div>2</div>
            <div>3</div>
            <div>4</div>
            <div class="space"></div>
</div>

@media screen and (max-width: 1200px) {
                .about{
                    display: flex;
                    flex-direction: column;
                    height: 1200px;
                }
                .about div{
                    width: ;
                    height: 200px;
                }
                .space{
                    display: none;
                }
}

应该是隐藏了的。不过 .about 的高度设置为 1200px，那么在 <div>4</div> 后面有一些空间是正常的，那个不是 <div class="space"></div>，而是 .about 的剩余空间