盒子使用display:flex;后使用dispaly:none

当你的盒子使用了dispaly:flex;布局，然后在项目中有时候又需要在特殊条件下，把那个盒子隐藏掉，并且不会占用空间；这时第一想到的当然是display:none；然后你就发现它居然不起作用了，元素实现了隐藏，但是 空间还是占据着的，尴尬；

解决dispaly的flex和none冲突的办法：

在外面套个盒子，隐藏外面的即可；