css - 响应式 View 中表格中的重叠行

Question

我在修复 this link 上的表格时遇到问题.它有两行，但是当我将其转到移动/平板电脑 View 时，第二行与第一行重叠。

在附件中看起来是这样的:



请帮忙。我不是很擅长 CSS。

Answer 1

这是因为这些行:

@media screen and (max-width: 994px)
table.colors_pricebox tbody tr:last-child td:nth-child(2) table:first-child tbody tr:first-child
{ 
    position: absolute !important;
}

Absolute如果它们具有相同的边距，则定位确实会相互重叠。

如果您删除该属性或将其替换为 position: relative <tr> - 标签不再重叠，但您必须找到一种方法来显示您的 <tr> - 包含价格标签等的标签。