如何使td单元格内的div与下一个td重叠

Question

我希望能够将div（元素E）放置在TD单元格（元素C）内，而不将其他TD单元格（元素D）推向右侧。

注意：除了元素E之外，我无法编辑该页面上的任何内容。

Answer 1

负右边距应该可以解决问题：margin-right: -50px;。

示例：http://jsfiddle.net/peteorpeter/dvr9Z/

绝对位置可以工作，但会增加其他并发症。表+绝对位置可能很痛苦，尤其是流体含量。

Answer 2

由于您无法编辑除元素E本身以外的任何其他元素：

将元素E移动到容器：

<div style="position:relative;">
   <div id="element-E" style="position:absolute;"> ... </div>
</div>

我已在元素中添加了style个属性，因为您声称无法修改其他元素（例如<style>）。

position:relative是正确绝对定位子元素所必需的。

position:absolute;从其父级“撕下”元素，并将其相对于父级的左上角重新放回（默认情况下，使用top未更改位置时例如）。

Answer 3

假设<div>的高度为100px且两个<td>单元格的总宽度为500px，请尝试：

td.element-e-container { 
  position:relative; 
  height:100px; 
}
#element-e{
  position:absolute;
  width:500px;
  height:100px;
}

然后给td包含元素e element-e-container类，元素本身ID为element-e