在写项目时,只要一刷新页面就会向下“掉”。本以为是自己样式没写好,后来打开网页开发人员工具查看盒子模型,才发现多了一个叫做用户代理样式表的东西,自动给我添加一个margin:8px
。
查阅后才知道,用户代理样式表
是浏览器(例如,Chrome,Firefox,Edge 等)提供的“默认样式表”,用于以满足“一般显示期望”的方式显示页面。
网上有些同学存在用户代理样式表的问题是因为没加<!DOCTYPE html>
。然而我的代码本身就有<!DOCTYPE html>
,所以 最终使用!important
解决了这个问题!!!
body{
margin: 0 !important;
}