边距在 IE11 中无法正常工作

Question

我有 HTML 代码：

 h1{ margin-bottom: 2px; margin-top: 3px; }

 <div class="header col-md-7 col-sm-8 col-xs-12"> <h1><span class="title-pink">FIRST TITLE</span></h1> <h1><span class="title-pink">SECOND TITLE</span></h1> <h1><span class="title-pink">THIRD TITLE</span></h1> </div>

在 Chrome 上，这个边距可以正常工作，但是当我在 IE 11 上打开网站时，这些边距根本不会出现。 为什么？ 你能帮助我吗？

Answer 1

您的代码片段在 IE 11 和 chrome 上运行相同，因此样式应用正确。 您使用了 bootstrap，它将覆盖 h1 样式，因此 IE11 不会应用您的样式。 在 chrome 上，由于 CORS 问题，引导程序可能无法加载。 总的来说，将 !important 添加到样式属性将解决问题。

h1{
  margin-bottom: 2px !important;
  margin-top: 3px !important;
}