display是指窗口的盒子模型,意思是显示状态,而visibility是可见度,那么如果设置 visibility:hidden; display:none; 设置两个容器的话其实都是不可见,但是有区别的,visibility是表示这个容器不可见,而其实他是存在的,且还会占地方,比如你设置visibility:hidden;height:100px;那么这个容器就是高100,只是你看不到,但是它会占用空间和内存,而display:none;是设置这个容器状态为无,他不会占你的空间和内存.

你只要记住 visibility:hidden; 是存在不可见的, display:none; 是不可见且不存在的,(有的js上操作这个容器可能就会报错),当然不管哪种你的HTML代码里都会有代码的.

发表于 2013年03月16日 16:13:52 ,添加在分类 前端技术 下 ,最后修改于 2016年07月16日 16:13:52