为什么越低，则跨度在IE

HTML

<div class="pp-foot"> 
    <span class="big-call-btn"></span> 
    <span class="big-chat-btn"></span> 
    <a href="#contact_form_photo" rel="prettyPhoto[inline]" class="footer_btn_email_new big-email-btn"><span></span></a> 
</div>

CSS

.pp-foot { 
    background: url("../images/prod-page-foot.jpg") no-repeat scroll center top #E4E4E4; 
    height: 77px; 
} 

.big-chat-btn { 
    background: url("../images/product-chat-btn.png") no-repeat scroll center top transparent; 
    margin: 0 0 0 11px; 
} 

.pp-foot a { 
    margin: 0 0 0 11px; 
} 
.big-email-btn { 
    background: url("../images/product-email-btn.png") no-repeat scroll center top transparent; 
} 
.big-call-btn, .big-chat-btn, .big-email-btn { 
    display: inline-block; 
    height: 72px; 
    width: 230px; 
}

任何想法是什么原因造成的问题。 Firefox很好，但IE不是

来源

2011-08-22 Trace

不明白这一点。在FF和IE中看起来一样。问题出在你的页面究竟在哪里？ – Jawad

您需要添加vertical-align: top。

.big-call-btn, .big-chat-btn, .big-email-btn { 
    display: inline-block; 
    vertical-align: top; 
    height: 72px; 
    width: 230px; 
}

更多信息：

来源

2011-08-22 19:50:02 thirtydot

[It]（http://stackoverflow.com/questions/7142539/having-a-problem-lining-up-my-elements-with-css/7142553#7142553）是[always]（http：// stackoverflow。 com/questions/7144843/extra-space-under-textarea-differ-along-browsers/7144960＃7144960）'vertical-align' – thirtydot

为什么越低，则跨度在IE

回答

相关问题