如何使用父div父亲建立关系绝对div

Question

我有三个div

.tableContainer {
position:relative;
height: 120px;
}
.container {
 position:relative;
 width: auto;
 height: auto;
}
.viewsp div3 {
position: absolute;
background: transparent;
padding: .2em 0px;
top: -22px;
text-align: left;
margin-left: -25px;
line-height: normal; 
}

我想与tableContainer建立div 3（绝对）关系。我想修复od div3的位置。但它正在页面顶部

Answer 1

绝对位置取决于第一个相对父控件。 你必须将你的div3放在tableContainer中。

修改：

如果我理解你需要的是一个标题，保持在表的顶部你将滚动查看数据。您可以通过执行以下操作来实现此目的。

<div style="position:relative">
    <table id="scroll" style="position:absolute;z-index:10">
        <th>
            <td></td>
            <td></td>
        </th>
    </table>
    <table>
        <tr>
            <td></td>
            <td></td>
        </tr>
        <tr>
            <td></td>
            <td></td>
        </tr>
         //... many row   
    </table>
</div>

您只需在滚动div时修改滚动表的顶部。

Answer 2

（家长） - position: relative;

（儿童） - position: absolute;