如何通过CSS消除HTML元素的32px margin-top？（Bootstrap项目）

• 先精准定位样式来源：打开浏览器开发者工具（F12）选中html元素，在右侧Styles面板里找这个32px margin-top的归属——看样式名旁的文件名/行号，可能是Bootstrap子组件样式、主题全局CSS，甚至是第三方插件的动态样式，别只局限于front-page.php和header.php，很多样式是通过单独CSS文件引入的。
• 要是实在找不到原样式的定义位置，直接在项目最后加载的自定义CSS文件（比如style.css或custom.css）里添加这段代码，确保优先级足够：

html {
  margin-top: 0 !important;
}

• 从你提到的front-page.php这类文件来看，大概率是WordPress项目，额外排查下插件：不少WP插件（比如后台顶部工具栏相关插件）会自动给html加上32px margin-top，临时禁用插件就能验证。另外也看看主题的functions.php里有没有动态注入样式的代码。

内容的提问来源于stack exchange，提问作者Abdul Samad