display:none可以隐藏某个元素，且隐藏的元素不会占用任何空间。也就是说，该元素不但被隐藏了，而且该元素原本占用的空间也会从页面布局中消失。 - 在线编辑器

CSS
CSS Display(显示) 与 Visibility（可见性）
display:none可以隐藏某个元素，且隐藏的元素不会占用任何空间。也就是说，该元素不但被隐藏了，而且该元素原本占用的空间也会从页面布局中消失。

          <!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <style>
    h1.hidden {
      display: none;
    }
  </style>
</head>
<body>

  <h1>这是一个可见标题</h1>
  <h1 class="hidden">这是一个隐藏标题</h1>
  <p>注意, 实例中的隐藏标题不占用空间。</p>

</body>
</html>
        