41 紧贴底部的页面

解决将footer固定在页面底部的问题

* {
  margin: 0;
  padding: 0;
}
#main {
  height: calc(100vh - 70px);
}
footer {
  height: 70px;
  background: #000;
}

在线预览

100vh占据100%可视窗口，利用calc计算，将底部的高度减掉， 保留底部的空间， 这样就可以让底部固定在页面底部了。（注意:calc + - 需要在左右两边都使用空格）

FlexBox实现