Как сделать отношения абсолютного DIV с родителем сНом родителем

Question

У меня есть три дивов

.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; 
} 

я хочу сделать div3 (абсолютный) отношения корабля с tableContainer. Я хочу зафиксировать позицию od div3. но вверху страницы

Answer 1

Абсолютное положение зависит от первого относительного родительского элемента управления. Вы должны разместить свой div3 внутри tableContainer.

Edit:

, если я понимаю, что вам нужно, это заголовок, который keept в верхней части таблицы будет вы прокруткой для просмотра данных. Вы можете добиться этого, выполнив следующее.

<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

(Parent) - position: relative;

(ребенок) - position: absolute;