如何用css约束一个层不可见

Posted 2020-08-15

两种方式：

　　　　方式一：设置属性值为none不可见：display：none

　　　　　　这个属性改变了一个元素的显示效果。之前我有提到一点，假如元素使用了none值，那么元素直接干净利落的消失不见。你在右键审查元素的时候找到该处会显示为0×0，神马，不信，你试试。之所以会完全没有看见是以为使用了display：none这个标签，使用none值会让元素从文档中直接删除，所以它没有对布局产生任何的影响，就是真的消失不见了，前端根本显示不出来。

　　　　方式二：设置第二个属性值不可见：visibility:hidden

　　　　　　这个属性也是可以达到隐藏元素的目的，这个属性也是跟display属性正好相反，这个也只是“看不见”而已。用了该属性属性之后，元素在前端页面是解析不出来的，但是元素依然存在在哪里，只不过我们肉眼不可见，所以元素依然会影响到布局。