在CSS表中,有人可以帮助我理解为什么第一列中的填充元素会影响第二列中的div吗？
这是一个段落具有填充集的示例.右栏中的DIV也是 - 填充不正确.在左列内容中指定行高时我遇到了类似的问题,但简化了此问题的示例.
关于表格单元有许多相似/相关的问题,但我找不到专门解决这个问题的问题.
您可以vertical-align:top在单元类上使用vertical-align属性(),或者像jsfiddle.net/j08691/APXT7/4那样使用div .由于这些div显示为表格单元格,这可能是您正在寻找的.
这很可能是行高问题，而不是填充问题。这意味着，尽管您可能怀疑，但实际上没有填充被传播到您的右列（计算值仍然为零）。我仍然将其称为调整元素上的填充的副作用p。
元素顶部和底部的填充p将其基线向下推。这会导致同一行/行上的其他“单元格”的基线也会发生变化。当然，您可以找到规范中概述的所有细节，但由于两个“单元”具有相同的垂直对齐方式 ( baseline)，因此当其中一个单元移动时，它们必须对齐。