使用rowspan和colspan的HTML表被下一个元素重叠

我正在设计一个包含数据元素属性的非常简单的表。该元素将用于以一种列表的形式表示AJAX响应的每个元素

该表使用“rowspan”和“colspan”来放大某些单元格。问题是，当我在下面添加一个元素时，这个元素与表重叠，我不知道为什么。HTML是有效的，rowspan属性指示要合并的行的确切数量

我在这里部署了一个示例：

如您所见，绿色块与表重叠，这是我想要避免的事情

知道为什么会这样吗

---

干杯。

您将

最大高度：50px

到包含该表的div。删除此CSS声明，表将不再重叠。

我认为问题在于：

1） 如果桌子的最大高度超过50px，则可以删除该最大高度

div.mobileRow{
width:100%;
font-family:Arial;
margin:5px;}

---

该死有没有办法使桌子达到最大高度？谢谢。您可以在container div中添加

overflow:auto

，这样表就不会“跳出盒子”。这会在必要时将滚动条添加到div中。@vtorola滚动条只会在必要时出现，以符合定义的

最大高度

。我已经提出了两种解决方案：要么从div中删除

max height

（以便表格获得所需的空间），要么在div中添加

overflow:auto

，以便div在必要时获得滚动条。谢谢。可以，但这两种解决方案都不会将表格约束到特定高度。我想那是不可能的。您当前正在使用

max height

限制容器高度。删除此声明，将获得所需的结果。无法在上面添加注释，但overflow:auto将剪切表。并且滚动条可能不会出现：(