保证金在IE11中无法正常运行

Question

我有HTML代码：

＆＃13;

＆＃13;

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

＆＃13;

<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>

＆＃13;

＆＃13;

＆＃13;

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

Answer 1

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

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