display:none;与visibility:hidden;
- 相同点：
两者都能实现元素的隐藏
- 区别：
display:none;元素并不会占据任何物理空间，但是visibility:hidden只是看不到，但是物理上还是存在的【也就是说如果使用display:none;原本该元素占用的空间会在页面布局上消失】
实例：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>display:none与vivibility:hidden实践</title>
</head>
<style type="text/css">
div
{
width:200px;
height: 100px;
border: 2px solid black;
}
.first
{
display: none;
}
.hidden
{
visibility: hidden;
}
</style>
<body>
<div class="first">
第一个div设置display:none
</div>
<div>
第二个div
</div>
<div class="hidden">
第三个div设置visibility:hidden
</div>
<div>
第四个div
</div>
</body>
</html>
实现效果
**显而易见的是，第一个div设置了display:none;所以第一个divc从页面布局中消失了
相对的第三个div设置了visibility:hidden;虽然看不到了但是保留了原有的宽高**
美句赏析：I want all of you,forever,You and me,every day.
我想完全拥有你，你和我，每一天，直到永远。
html5
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用。你还可以使用@来通知其他用户。