如何使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包含元素ea的element-e-container类，元素本身为element-e的ID