5

重複の可能性:
IE7 表示の問題 (余分なトップ マージンの追加)

だから私は次の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>

そして基本的にmargin-top: 15px; socialMediaPluginFooter では、IE7 を除くすべてのブラウザで問題なく動作します。アイデアはありますか?

4

2 に答える 2

12

margin-topIE7では非常にバグがあります。padding-top親要素で使用します。

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

于 2012-04-12T19:57:26.080 に答える
3

あなたの問題はあなたの奇形のCSSに起因するかもしれません。あるべき姿は次のとおりです。

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

ここでタイプミスしただけでない限り、それは別の問題です

于 2012-04-12T19:59:44.457 に答える