有的时候两个页面基本一致，只是经过一些判断简单改动，如下：
其实只是简单的设置了现实与隐藏即可。准确的来说就是隐藏，那么我们经常用到的隐藏就是display:none;了，这里我设置的头部是ul下包三个li元素，如果我给第一个li设置display:none;你会发现中间的元素位置变化了，因为第一个li已经从页面上被移除了，那么既不想让li显示，又不想li被移除，我们就需要用visibility：hidden；来写。
总体来说：display:none; //隐藏，不占位 visibility：hidden；//隐藏仍占位
原文：http://www.cnblogs.com/lichunjing/p/7060177.html