我们分两种情况来看待这个问题

情况一：基于fixed布局的定位

像这个页面一样，无论你怎么滚动滚动条，这个导航栏一直都在页面顶部，不受页面高度的影响，而且一直在你的视线当中
这种设置比较简单，我们只需要在你需要div上加一个fixed属性就可以。

position: fixed;
/*下面的属性根据实际需求更改*/
left: 0;
top: 0;

情况二：基于绝对布局的定位

这种情况是我们需求最多的一种，比如每个网站后面都有一个尾部声明，而且这个网站的每个页面都是不变的样式与内容。 而情况二与情况一不同之处在于：

情况一一直在我们视线当中。
情况二需要我们滚动到页面最底部才会出现。

有人可能就会说，这还不简单，直接做如下设置

div{
	position: absolute;
	left: 0;
	bottom: 0;
｝
body{
	position: relative;
｝

这意思就是div是body的直接子标签，div相对于body进行“子绝父相”定位。
貌似在页面有滚动跳的情况下这样子确实可以，但是如果页面内容不够多，不足于支撑出现滚动条，那么这个方法就可能存在问题了。

可能存在这种未到底面的情况，这是为什么呢？
其实产生这种原因的问题是因为你的body高度不够子元素被挤到页面底部，所以下面提供一种解决方案，设置body的min-height: 100vh即可解决
修改代码如下：

div{}
body{
	min-height: 100vh;
｝

记住，div一定要是body的子元素！！！