CSS边距在IE7中不工作

可能重复：
IE7 display issues (adding extra top margin)CSS边距在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以外的所有浏览器中都能正常工作吗？

来源

2012-04-12 StevieB

是缺少}为.socialMediaPlugin在你的CSS一个错字？ – j08691 2012-04-12 19:57:28

我没有看到IE7和IE8之间的区别。两者都没有显示这样的保证金，并且这两个错误都是纠正错误。那么你可以展示更多的代码，最好在jsFiddle中？ – 2012-04-12 20:01:32

margin-top在IE7中很麻烦。在父元素上使用padding-top。

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

来源

2012-04-12 19:57:26 iambriansreed

而“非常错误”我的意思是它不起作用。 – iambriansreed 2013-02-13 07:26:07

感谢您的回答，刚刚解决了一个非常烦人的问题。谢谢！ – 2013-05-08 16:58:04

您的问题可能来自你的畸形CSS干。下面是它应该是这样：

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

除非你已经输错在这里，在这种情况下，它的另一个问题

来源

2012-04-12 19:59:44

CSS边距在IE7中不工作

回答

相关问题