Html 如何允许旋转的div溢出表单元格？

我有一个带有div的表格单元格，div的高度为3px，宽度大于单元格宽度。我正在使用transform:rotate并使用div表示旋转的线

即使我使用的是table layout:fixed，div也会水平拉伸表格单元格。如果它不适合单元格，我希望它覆盖表格

<table style="table-layout:fixed">
  <tr>
    <td style="width:20px;">
      <div style="width: 100px;
                  height: 3px;
                  background: #000;
                  transform: rotate(20deg);"></div>
    </td>
    <td style="width:100px;">Why am I pushed away?</td>
  </tr>
</table>

另外，我在实际代码中使用正确的供应商前缀进行轮换

添加position:absolute到div可能就是您想要的

接受的答复： 另一个注意事项是，为了使用表布局，我没有立即了解一些情况：修复了您需要在表本身上指定宽度的问题。在你的情况下，我想你会希望它是120像素，这将完成你需要的。

在div中添加position:absolute可能就是你想要的

接受的答复：

---

另一个注意事项是，为了使用表布局，我没有立即了解一些情况：修复了您需要在表本身上指定宽度的问题。在你的情况下，我想你会希望它是120px，这将完成你所需要的。

你能把它添加到jsFiddle吗？我想如果你把div的z-index设置为非零，它不应该调整表的大小。@IsaacFife不幸没有帮助。有什么理由不使用边框作为水平线吗？文本溢出：省略号没有帮助您可以将它添加到JSFIDLE吗？我想如果您将div的z索引设置为零以外的值，它不应该调整表的大小。@IsaacFife不幸没有帮助。有什么理由不使用边框作为水平线吗？文本溢出：省略号没有帮助我希望它相对定位在单元格中，但仍然与表重叠，并且单元格大小不随div的大小而改变。好的。另一个注意事项是，为了使用表布局，我没有立即了解一些情况：修复了您需要在表本身上指定宽度的问题。在你的情况下，我想你会想要它在120像素，这将完成你需要的。这就做到了，谢谢。我接受你对这条评论的回答，因此，如果你编辑了这条评论或指向它，这样就不会让问题的读者感到困惑，那就好了。我希望它在单元格中相对定位，但仍与表格重叠，并且单元格大小不会随div的大小而改变。好的。另一个注意事项是，为了使用表布局，我没有立即了解一些情况：修复了您需要在表本身上指定宽度的问题。在你的情况下，我想你会想要它在120像素，这将完成你需要的。这就做到了，谢谢。我接受你对这条评论的回答，所以如果你把这条评论编辑进去或者指向它，那就好了，这样就不会让问题的读者感到困惑。