CSS 填坑

1.外边距(margin)重叠 2018-09-03

两个或多个块级盒子的垂直相邻边界会重合。结果的边界宽度是相邻边界宽度中最大的值。
参考链接 CSDN

2.Sticky footer

绝对底部，或者说 Sticky Footer，是一种古老且经典的页面效果：

• 当页面内容超出屏幕，页脚模块会像正常页面一样，被推到内容下方，需要拖动滚动条才能看到
• 而当页面内容小于屏幕高度，页脚模块会固定在屏幕底部，就像是底边距为零的固定定位
  CNBLOG

注意:当设置height:100%或min-height:100%时,底部的 footer会因为占据页面空间而使得页面增长超过100vh ~>而在页面内容不足时也错误地产生滚动(即使已经设置了 height:32px;margin-top:-64px;一种可行的办法是给父元素设置.clearfix来成功使得 footer 不占局多余的空间, 但具体机制还需要后续再探究并记牢, 有必要借一本 CSS 相关书籍系统分析一下

eleme.setsuna.wang header.vue .icon-close