首先想到了页面是动态的 就是js 计算
但是有一个简单的方法就是
运用定位
1 footer 的祖先元素没有定位属性 absoulite (这样他就会相对于文档定位) left:0 bottom :0 width:100%; (因为定位后脱离文档流 宽度得加)
2 html 设置min-height:100%; 因为页面设置height 就不是动态的 同时 body 和html 是不一样的 页面不足一屏时 body 高度并没有到底部 bottom 就会出现问题 并不是实际文档底部
body 单独设置100% 并不会沾满全屏 html设置100% body再设置100% body还是空因为继承必须是具体数字
当页面超出一屏时 foot 定位到bottom :0 是不管用的 解决方案 给html 设置position relitive 因为foot 定位脱离文档流 所以foot 还会挡住底部 所以body 设置margin-bottomd底部高度
body+foote高度 html 定位 footer定位