CSS隐藏导航的方法有以下几种：
设置display属性为none：使用display: none;可以完全隐藏导航，但是导航的空间会被占用。
设置visibility属性为hidden：使用visibility: hidden;可以隐藏导航，但是导航的空间仍然会占用。
设置opacity属性为0：使用opacity: 0;可以使导航透明，但是导航的空间仍然会占用。
设置position属性为absolute或fixed，然后设置top或left属性为一个较大的负值：使用position: absolute;或position: fixed;可以将导航移出可见区域，但是导航的空间仍然会占用。
使用visibility属性为collapse：如果导航是一个表格，可以使用visibility: collapse;来隐藏导航，但是这个方法只适用于表格。
使用clip属性：使用clip: rect(0, 0, 0, 0);可以将导航裁剪为一个不可见的矩形，但是导航的空间仍然会占用。
以上方法中，第一种方法是最常用的隐藏导航的方法。