一：使用display:none属性来隐藏div
我们可以使用display:none属性来隐藏所有的信息，包括文本和图片，语法为：
<div style="display:none;">这里你是看不到的</div>
当我们使用div中的css样式，我们就可以使用display:none属性对内容进行隐藏，并且通过浏览器也是看不到的，同时被隐藏的内容是不被占用空间的，隐藏之后的内容搜索引擎是不读取的，一般我们都是用使用js统计代码去隐藏显示的图标。
二、使用visibility: hidden;属性隐藏div
visibility 属性规定元素是否可见。
这个属性指定是否显示一个元素生成的元素框。这意味着元素仍占据其本来的空间，不过可以完全不可见。值 collapse 在表中用于从表布局中删除列或行。
属性值：
visible 默认值。元素是可见的。
hidden 元素是不可见的。
collapse 当在表格元素中使用时，此值可删除一行或一列，但是它不会影响表格的布局。被行或列占据的空间会留给其他内容使用。如果此值被用在其他的元素上，会呈现为 "hidden"。
inherit 规定应该从父元素继承 visibility 属性的值。
示例：
我是可以看见的<br/><br/> <div style="visibility: hidden;">你是看不见我的。</div> <br/> 同样我也是可以看见的
效果图：
以上就是css如何隐藏div？的详细内容，更多请关注易知道|edz.cc其它相关文章！
