html让表格单元格嵌套的三个绝对定位元素分别是表格1，表格2和span元素，让表格1排首位，表格2排第二，span排在最下面

HTML中通过CSS的`position: absolute;`属性可以实现元素的绝对定位，让你描述的那种嵌套表格布局。这里是一个基本的例子：

<style>
  .table1 {
    position: absolute;
    top: 0; /* 表示表格1位于页面顶部 */
    left: 0; /* 或者left: 50px; 如果需要偏移 */
    width: 100%; /* 表格宽度 */
  }
  
  .table2 {
    position: absolute;
    top: 20px; /* 表示表格2在表格1下方20px处开始 */
    left: 0;
    width: 100%;
  }

  .span-element {
    position: absolute;
    bottom: 0; /* 表示span元素位于表格2下方 */
    left: 0;
    width: 100%; /* 同样占据整个屏幕宽度 */
  }
</style>

<table class="table1">
  <!-- 表格1的内容 -->
</table>

<table class="table2">
  <!-- 表格2的内容 -->
</table>

<span class="span-element">
  <!-- span元素的内容 -->
</span>

在这个例子中，`.table1`、`.table2` 和 `.span-element` 都被设置了`position: absolute;`，并指定了它们相对于其他元素的位置。通过调整`top`, `bottom`, `left` 属性，你可以控制每个元素在页面中的相对位置。