Question

可能重复：
IE7 display issues (adding extra top margin)

所以我有以下css

.socialMediaPlugin {
width: auto;
display: block;
.socialMediaPluginFooter {
margin-top: 15px;
margin-bottom: -12px;

}

并标记

        <div class="socialMediaPlugin socialMediaPluginFooter">
      <div class="socialMediaLinks">
        <a class="addthis_button_facebook"></a>
        <a class="addthis_button_twitter"></a>
        <a class="addthis_button_google_plusone_share"></a>
        <a class="Pinterest"></a>
        <a class="addthis_button_email"></a>
      </div>
    </div>

基本上是保证金最高点：15px;在socialMediaPluginFooter中，除IE7以外的所有浏览器都能正常工作吗？

Answer 1

margin-top在IE7中非常错误。在父元素上使用padding-top。

http://reference.sitepoint.com/css/margin-top

Answer 2

你的问题可能源于你的畸形css。这是它应该如何：

.socialMediaPlugin {
width: auto;
display: block;
}
.socialMediaPluginFooter {
margin-top: 15px;
margin-bottom: -12px;
}

除非你在这里输入错误，否则这是另一个问题

CSS Margin-top在IE7中不起作用

2 个答案: