解决html body 元素在底部设置padding-bottom 或者margin-bottom失效的问题

在一些页面的底部如果有fixed的元素会遮挡一部分内容,而直接设置margin-bottom或padding-bottom在某些情况下会失效。

解决方法:

1.用带有高度空标签支撑高度。

2.由于body添加了这个属性 -webkit-overflow-scrolling: touch 可能引起此问题,去掉就正常了