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

浮動的元件有兩個作用：

1. 它移動的元件，以該側
2. 它允許隨後的元件冒泡在另一側

由於內容第一個表不是浮動的，第二個表不能在它旁邊冒泡。

Answer 4

把你想要浮動的表格放在第一位，第二個表格放在它的左邊。

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>