body高度与内容总高度不一致问题

时间:2021-08-01 10:13:03

实际工作中遇到的问题,在firefox上body的高度正常,但是在chrome,IE等浏览器body的高度会自动扩充与html保持一致,影响了页面上页脚的布局


body没有设置height:100%,查了很久也没找出到底是哪出了问题,最后对比不同浏览器上的展现时突然发现,其他浏览器上缺少<!DOCTYPE>声明,唯独firefox上是有的,查看源码发现是缺少<!DOCTYPE>,把这个加上后各浏览器就一致了。


最后证明,这个<!DOCTYPE>一定要记得写啊!