1、overflow:hidden; 这是防止溢出，也是一种隐藏，只不过是把超出范围的元素隐藏，这种一般用于文字过多或者图片特效以及自适应中div没法设置高度时使用
2、display:none;这就是完全的隐藏了，直接消失，任何对该元素直接的用户交互操作都不可能生效，被隐藏的元素完全不会占用空间，仿佛元素完全不存在一样。
3、利用opacity透明度来隐藏，opacity设置为0，它只是一种视觉隐藏，元素本身依旧占用它的位置并对网页的布局起到作用，它也同样影响用户交互。在读屏软件中会被识别。
4、position：元素的定位。把position：absolutely；top：-4555px；left：-45545px；top和left设置成足够大的负数，相当于把元素放到可视区域外，它不会影响布局，能够让元素保持可操作性，在读屏软件上可以被识别。
5、visibility：规定元素 是否可见，一般设置为hidden，它可以很好的隐藏，不会影响用户的交互，在读屏软件中不会被识别。
新建一个HTML文件，命名为test.html，用于讲解html中怎么用CSS固定一个div模块位置不变。
在test.html页面中，创建一个div模块，并在div内写上测试的文字，用于测试。
在test.html页面中，使用css设置div的宽度为100%，高度为100px。 代码如下：
在test.html页面中，使用css设置div内的文字垂直、水平居中，并设置文字的大小为30px。代码如下：
在test.html页面中，使用css设置div内的文字颜色为白色，同时设置div的背景颜色为红色。代码如下：
最后，在test.html页面中，使用css设置div的位置属性为absolute，即在页面中固定位置，并使用bottom设置div固定在页面的底部。
在浏览器打开test.html页面，可见，div成功固定在页面的底部。
只需设置 display:none; 即可将该元素设为隐藏的。
HTML界面的话，如果格式正确，一般是不会显示代码的。
将它的值设为 hidden 将隐藏我们的元素。
如同 opacity 属性，被隐藏的元素依然会对我们的网页布局起作用。
与 opacity 唯一不同的是它不会响应任何用户交互。
此外，元素在读屏软件中也会被隐藏。
还有一种是注释的办法，注释掉的代码在界面上看不到，不过代码也不运行。