css 跟随浏览器的导航条

网页设计中，导航栏一般是非常重要的一部分。而当我们滚动网页时，如果能够让导航栏保持在页面的顶部或底部，就可以方便用户随时使用导航功能。以下是一种使用CSS实现导航栏跟随浏览器的方法：

.navbar {
  position: fixed;  
  top: 0;           
  width: 100%;      
}

上述代码设置了导航栏的样式，通过将其position属性设置为fixed，可以将其固定在屏幕的顶部。同时，设置top属性为0，则将其固定在屏幕顶部。width属性设置为100%，可以使导航栏占据整个屏幕宽度。

当然，如果想要实现导航栏跟随浏览器底部，只需要将top属性改为bottom属性即可：

.navbar {
  position: fixed;  
  bottom: 0;          
  width: 100%;      
}

上述代码中bottom属性将导航栏固定在浏览器的底部，同理，width属性设置为100%，可以使导航栏占据整个屏幕宽度。

这种方法使用简单，易于实现，且兼容性良好，适用于大部分网页设计中的导航栏。如果需要更加复杂的效果，可以通过JavaScript等技术来实现，例如在滚动一定距离后自动隐藏导航栏，滚动回头部时自动显示等效果。