Css IE11中悬停的页边距变化

在IE11中查看时，我在页边距方面遇到了一些问题

在本页右侧的“更像此”部分下，如果您将鼠标悬停在前两个链接图像的任意一个上，则关联的页边距会发生变化。将光标移开不会将其更改回原来的位置，但将光标移到该列中的任何其他链接上会更改回原来的位置

我想可能是这个bug：但这两种解决方案都不起作用

我还发现这个问题也可能是相同的，但没有任何解决方案：

这是CSS，它是使用Twitter引导构建的，如果这很重要的话，它会更少吗

.work .sidebar .morelikethis {
    border-bottom: 1px solid #FFFFFF;
    border-top: 1px solid #FFFFFF;
    margin-bottom: 10.2564%;
    margin-top: 7.69231%;
    overflow: auto;
}

这是HTML

<h2>More like this...</h2>
<p>
<a class="morelikethis" title="DRTV Commercials" href="drtv-production-company.html">
</p>
<p>
<a class="morelikethis" title="Animation" href="animation-production.html">
</p>
<div class="newsflash">
<a href="/news/2013/05/happy-hour-productions-launches-new-quickquid-drtv-advertising-campaign/">
</div>

---

您的问题是由IE11的默认CSS引起的。您可以通过将所有边距设置为“morelikethis”来解决此问题：

.morelikethis:hover {
    margin-left: some value;
    margin-right: some value;
    margin-bottom: 10.2564%;
    margin-top: 7.69231%;
}

缩短：

.morelikethis:hover {
    margin: top right bottom left;
}

---

此外，我建议使用CSS重置，以便浏览器的默认CSS不会干扰样式。这里有一个很好的例子：在把这个脚本包含在你的CSS之前，考虑一下你很可能最终不得不重做很多你的样式。

这感觉就像是一个IE bug，但是你在这里使用百分比有什么特殊的原因吗？每页边距百分比根据块的宽度计算，即使是页边距顶部和底部也是如此。边栏的宽度似乎不会改变，所以为什么不设置固定的边距呢？