CSS表格单元格浮动内容影响其他表格单元格内容的对齐

当我在

表格单元格

元素中获取一些浮动内容时，它会影响下一个“表格单元格”内容的对齐。即使我移除了浮动影响

请看一看

现在，如果我使最后一个单元格内容浮动，那么所有单元格中的内容都向下移动

请告诉我这不是修复的原因。

要修复： 现在它就像一个

表格单元格

，您需要添加：

<div class="cell aligntop">
</div>

<style type="text/css">
    .aligntop { 
        vertical-align: top;
    }
</style>

.aligntop{
垂直对齐：顶部；
}

到中间元素，强制内容沿顶部放置-演示：

为什么会这样？

表格单元格的默认值为：
基线，因此，内容自然会被推到底部。虽然应用类时，
.left
要求以某种方式推送内容，
float:left在浮动后将其插入并与表格单元格的左上角相邻-有关更多信息，请参见

固定在：

两件事：

浮动：左边没有浮动，右边在div和clear之间，或者我不知道你想要什么

所有单元格在此属性中都有css垂直对齐：top和中间的数字

这是一个补丁。我正在寻找原因。@articlestack更新了，我希望它能让您了解默认的表格单元格行为！我简化了实际值，这表明默认情况下单元格中的内容位于左上角。