jQuery的用戶界面功能問題

Question

真的，我的頭髮爲它的問題。

$('ul#listticker').prepend($('<li><div class="user-box" id="user_box1">.......</div></li>').fadeIn(2000)); 

$("ul#listticker li:first").show("slide", { direction: "up" }, 1000); 

它在IE中完美的工作，但不能在Firefox中工作。

我找到解決方案，這是

我的類用戶框

#fbook-iq .user-box { 
    width:280px; 
    height:41px; 
    float:left; 
    margin-bottom:1px; 
    padding:9px; 
} 

如果我刪除浮動：左線工作完美

#fbook-iq .user-box { 
    width:280px; 
    height:41px; 
     margin-bottom:1px; 
    padding:9px; 
} 

我真的不知道它背後有什麼邏輯。

請幫幫我。

Answer 1

爲什麼user-box類會左移？這指向li中的div元素，我不完全明白它的任何理由。如果此元素上的float: left在Firefox中打破了行爲，則可以嘗試將包含元素的li設置爲所需的寬度和高度，並將div元素保留爲非浮動塊元素。這是一個解決方法，但如果它解決了您的問題，它可以解決您的問題。