Div成为上一个Div的子级？-CSS的一个怪癖？Javascript？

它在所有我能从中看到页面的浏览器上都是这样工作的。我向你发誓，这正是html中的代码：

<td class="bardisplay">
  <div class="bar hot" />
  <div class="bar cool" />
</td>

现在，真正奇怪的事情是：我没有这个问题，当我把所有的条显示放在主表中（3级以上）时，使用相同的html

我有一个六列的表格，一个有标签，一个有显示，一个有比率，接下来的三个重复，但我不喜欢第二组列在表格更新时来回“摇摆”的方式。因此，我将主表设置为一行两个tds，其中包含三列表。显示现在是坚如磐石，只是DOM希望将一个div放在另一个div中

在这里发布之前，我用谷歌搜索了所有我能想到的方法

的无法自动关闭，因此浏览器假定第二个是第一个的子项：

<td class="bardisplay">
  <div class="bar hot"></div>
  <div class="bar cool"></div>
</td>

在HTML5中，

表示开始标记

。它不是“自动关闭标签”。相反，某些元素被指定为没有结束标记，例如

。这些元素统称为空洞元素。斜杠对于那些对XML上瘾的人来说只是语法上的甜点。在非void元素标记中使用斜杠无效，但浏览器仍将其解析为开始标记，从而导致结束标记不匹配

这个怎么样

<td class="bardisplay">
    <div class="bar hot"> </div>
    <div class="bar cool"> </div>
</td>

div不是自动关闭的。@Quentin，如果你用错误的斜杠来关闭一个元素“同一个问题”，是的，我想它是自动关闭的。好吧，这很奇怪。因为，当我重写表时，我确实从

更改了它，我认为我已经完成了，并且做了一个全局替换，并将其更改回来，没有任何改进。在我读到的关于HTML5的文章中，我不知道它们正在远离XML。知道这个很方便。

<td class="bardisplay">
    <div class="bar hot"> </div>
    <div class="bar cool"> </div>
</td>