Chrome浏览器中body无默认8px margin?设置background-color无预期空白
为什么body没有默认的8px margin?
缺少DOCTYPE声明:这是最常见的诱因。如果HTML文件开头没有添加标准DOCTYPE声明,Chrome会触发怪异模式(Quirks Mode),此时浏览器会采用旧版渲染规则,body元素的默认8px margin会被忽略,导致设置background-color后看不到预期的空白区域。
解决办法:在HTML文件最顶部添加标准声明:<!DOCTYPE html>浏览器自定义样式干扰:即便你没写额外CSS,若Chrome安装了自定义样式类扩展,或是手动修改过浏览器的用户样式表,也可能覆盖body的默认margin。可以切换到隐身模式打开页面,排查扩展的影响。
浏览器版本问题:如果使用的是非常老旧的Chrome版本,默认样式规则可能存在差异,但这种情况概率极低,建议检查并更新浏览器到最新版本。
内容的提问来源于stack exchange,提问作者Johanna Rodríguez
相关产品推荐
相关产品推荐

