FirefoxでjQuery.toggle（）の後に余白が残る

Question

この問題はFirefoxでのみ発生します。

<script> 
function toggle_combo() 
{ 
    $('.combo').toggle(); 
} 
</script> 

<table> 
<tr onclick='toggle();> 
<td> - </td> 
</tr> 
<tr class="combo" style="display:none"> 
<td> - </td> 
</tr> 
<tr class="combo" style="display:none"> 
<td> - </td> 
</tr> 
</table> 
////here is that <br> i forgot to mention 
<br> 
<table> 
<tr> 
<td> - </td> 
</tr> 
</table> 

は、だから私は（結構です）スペースを作るためにページを下に移動させ、テーブル1とテーブル2の隠されたテーブル行を表示するには、一度クリックしてください。

しかし、table1の行を非表示にすると、table2は最初の場所には戻りませんが、静的なままになり、2つのテーブル間に余白が残ります。

浮動小数点の設定を試しましたが、テーブルに残しましたが動作しませんでした。次は何？

margin: 0 !important; 
padding: 0 !important; 

がテーブルにそれを追加します。

あなたCSS3のコードで

Answer 1

は、追加してみてください。また、Inspect Elementに移動して実際にマージンやパディングがあるかどうかを確認します。

ベスト運、 ベンA.K.A BlackSky

Answer 2

テーブル間のこの<br>が問題の原因となったテーブルに対して新しい余白の設定に何らかの形でのFirefoxをオフに投げていたようです。

削除して正常に動作しました。

また サイバーも <br>を削除せずにテーブルに margin: 0 !important;があまりにもトリックをした設定、提案別名THEGAMERとして。