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

时间:2011-09-23 11:02:27

标签: html css html-table

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

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

我在此处部署了一个示例:http://jsfiddle.net/vtortola/KzjKg/9/

如您所见,绿色块与表重叠,这是我想要避免的。

知道为什么会这样吗?

干杯。

2 个答案:

答案 0 :(得分:1)

您已将max-height:50px;归因于包含该表的div。删除此CSS声明,表格将不再重叠。

答案 1 :(得分:1)

我认为问题是:

1)您可以删除表格超过50px的最大高度。

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