HTML表格单元格嵌套的绝对定位table元素，在需要保留左右边框的状态下，与当前单元格左右边框合并在一起，看起来像是只有单元格的边框

HTML表格单元格嵌套绝对定位的table元素通常用于创建自定义的表格样式，其中，我们想要达到的效果是在不破坏表格结构的情况下，让单元格的左右边框看起来像是与整个表格的边框直接相连，形成一种无缝的效果。这是通过CSS中的伪元素`:before`和`:after`以及绝对定位来实现的：

1. 首先，我们需要在HTML中创建一个包含单元格的表格，并给需要处理的单元格添加特定的class，如`custom-border`。

<table>
  <tr>
    <td class="custom-border">单元格内容</td>
  </tr>
</table>

2. 然后，在CSS中为这个类添加样式，使用`:before`和`:after`创建两个额外的边框：

.custom-border {
  position: relative; /* 给单元格提供定位基础 */
}

.custom-border::before, .custom-border::after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  z-index: 1; /* 确保伪元素在实际内容之上 */
  border-style: solid;
}

.custom-border::before {
  left: -1px; /* 左侧边框向内偏移1px */
  border-width: 0 1px 0 0; /* 只渲染左部边框 */
}

.custom-border::after {
  right: -1px; /* 右侧边框向内偏移1px */
  border-width: 0 0 0 1px; /* 只渲染右部边框 */
}

3. 这样做后，由于`:before`和`:after`伪元素的位置是在绝对定位下，并且设置了合适的宽度和边框属性，它们会在单元格内部生成一条边框，看起来像是与单元格本身的边框直接连接。

注意，这种方法仅适用于那些不需要内容超出边框的单元格，因为绝对定位可能会导致表格布局问题。