htmlテーブルが隣り合って表示されず、上下に表示されない

Question

テーブルを重ねると、次のようなコードが発生します。私は休憩を使用していますか？

<div id="wrapper"> 

<table> 
<tr>yo</tr> 
</table> 
<table style="float:right;"><tr>yo</tr></table> 

</div> 

Answer 1

<div id="wrapper"> 
<table> 
    <tr> 
    <td> 
    <table> 
    <tr><td>yo</td></tr> 
    </table> 
    </td> 
    <td> 
    <table style="float:right;"> 
    <tr> 
     <td>yo</td> 
    </tr> 
    </table> 
    </td> 
    </tr> 
</table> 
</div> 

Answer 2

あなたは要素をフロートすると、それだけで後来るすべての要素に影響を与えます。

代わりに、最初の表にfloat:leftを付けてみてください。要素フローティング

Answer 3

は、2つの効果を有する：

1. それはので反対側にバブルアップに要素を次コンテンツ

を可能

その側に要素を移動させます最初のテーブルが浮動していない、2番目のテーブルはそれの横にバブルアップすることはできません。

Answer 4

フロートしたいテーブルを最初に置き、2番目のテーブルが左側に表示されます。

Answer 5

有効でないtd私は奇妙なことが起こるのは驚きではありません。

試してみてください。

<table> 
    <tr> 
    <td>yo</td> 
    </tr> 
</table> 

と何が起こるかを確認してください。

Answer 6

この

<table style="float:left;"> 
<tr>yo</tr> 
</table> 


<table style="float:right;"> 
<tr>yo</tr> 
</table> 

</div>