在实际项目中尝尝会遇到网站公共的底部文件在不同高度页面下显示异常问题: 1.当网页高度不足以撑开一屏显示的时候,如果页面没有使用css定位,那么页面公共底文件不在视口最底部,而出现在偏上位置,这并不是我们要的效果,我们希望页面在视口的最底部显示。 如图: 示例1 2. 当网页高度足以撑开一屏显示的时候,如果页面使用了css定位了,那么问题又来了,底页面公共底文件一直保持在了视口底部。 示例2 为了解决上面的问题我们通过js来判断操控样式来兼顾两种不同情况的显示方式 例html如下: <footer class…