Html 使用“位置：固定”时，表不适合父滚动div

对不起我的英语。 我有一个包含php页面，其中包含一个表，显示为位置：固定； 但它始终显示在滚动条上方，不包含在父div中

water.php：

    <div id="waterDBDiv">
        <table id="titlesTable">
          <tr>
              <td>title</td>
              <td>title</td>
          </tr>
        </table>

       <table id="contentTable">
          <tr>
              <td>title</td>
              <td>title</td>
          </tr>
        </table>
   </div>

CSS:

---

位置：固定表示该元素在html页面中应该处于固定位置。
因此，为它设置父对象是不正确的（我认为）。
关于卷轴，您可以为表格设置

Z-index

。

---

现在您可以为表及其父级设置相同的

宽度

，位置：固定意味着，该元素在html页面中应该处于固定位置。
因此，为它设置父对象是不正确的（我认为）。
关于卷轴，您可以为表格设置

Z-index

。

---

现在，您可以为表及其父级设置相同的

宽度

，

当我将标题表的z-index设置为内容表下方时，情况是这样的确定您希望标题表始终位于顶部。您可以在标题表中设置内容表，并精确地为标题表设置溢出，这是我想要的，但我无法使用它，你能帮我提供一个代码示例吗？当我将标题表的z-index设置在内容表下方时，情况是这样的确定你希望标题表始终位于顶部。你可以在标题表中设置内容表，并为标题表设置溢出，这正是我想要的，但我无法使用它，你能帮我拿个代码样本吗？

switch ($q) {
   case "Water":
   include("water.php");
   break;
}

#waterDBDiv {
        position:absolute;
        display:block;
        width:400px;
        height:400px;
    }

#titlesTable {
    margin:50px 0 0 0 ;
    position:fixed;        
    z-index: 1;
}