一个元素隐藏了它占位置吗？

Question

一个隐藏的元素，隐藏的方式有好多种。比如说：display=none;  opacity=0;宽高为0等，那他们在页面当中还占据位置吗？求告知

Answer 1

display=none,直接让元素消失,不占空间;

opacity=0,只是透明度变为0了,元素还在,效果等同于 visibility = hidden, 占据空间;

宽度为0,那得看你这宽度指的是什么,如果只是 content 的宽度为0,border 和 margin 不为0的话,依旧会占据空间.

Answer 2

display=none是不占据位置的 。opacity=0;只是该元素变透明了，     宽高都为0为什么还会占据位置呢？