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

浮动元素有两个效果：

将元素移动到那一侧
它允许元素后面的内容在另一侧冒泡

由于第一个表格不浮动，因此第二个表格无法在其旁边冒泡。

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>

html表并不是彼此相邻，而是彼此重叠

6 个答案: