2013-06-02 48 views
1
<ul> 
    <li>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod 
    tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, 
    quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo 
    consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse 
    cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non 
    proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</li> 
</ul> 
var h = $('li').height(); 
console.log(h); 

在Firefox中返回的值不同,它說80,但在Chrome它說60高度()的FF和Chrome

有什麼問題?

+1

對我來說一切都很好 –

回答

3

原因是不同的默認行高和填充在不同的瀏覽器。填充始終被視爲對象的一部分。只需定義填充和行高等

+0

我設法通過將ul填充設置爲0來獲得相同的結果,但在我的插件的CSS中我已經擁有了它,而且它仍然不會在那裏工作。無論如何,這個問題似乎是一些任性的填充。無論如何,不​​是高度()應該忽略填充? – dzumla011

+0

@ dzumla011高度包含填充。不同的b/w邊距和填充是邊距是對象的外部部分,而填充是內部的。看看這個http://www.w3schools.com/css/css_boxmodel.asp – Ishpreet