我正在设计一个非常简单的表格，其中包含数据元素的属性。该元素将用于在一种列表中表示 AJAX 响应的每个元素。
表格正在使用“rowspan”和“colspan”来放大一些单元格。问题是，当我在下面添加一个元素时，这个元素与表格重叠，我不知道为什么。 HTML 是有效的，并且 rowspan 属性指示要合并的确切行数。
我在这里部署了一个示例：http://jsfiddle.net/vtortola/KzjKg/9/
如您所见，绿色块与桌子重叠，这是我要避免的。
知道为什么会这样吗？
干杯。
【问题讨论】：
标签： html css html-table
您已将 max-height:50px; 归因于包含表格的 div。去掉这个CSS声明，表格就不会再重叠了。
【讨论】：
overflow:auto 添加到容器 div 中，这样表格就不会“跳出框框”。这会在必要时将滚动条添加到 div。
max-height。我提出了两种解决方案：要么从 div 中删除 max-height（以便表格获得所需的空间），要么将 overflow:auto 添加到 div，以便 div 在必要时获得滚动条。
max-height 限制容器高度。去掉这个声明，就会得到想要的结果。
我认为问题：
1) 您可以删除表格超过 50 像素的最大高度。
div.mobileRow{
width:100%;
font-family:Arial;
margin:5px;}
【讨论】：