jquery - 如何将 div 定位在绝对 div 内，但相对于父相对 div？

Question

这是html代码:

<div data-page="page1" style="position:relative; width:791px; height:1120px;">
  <div style="position:absolute; width:553px; height:34px;border: 1px solid #000; top:242px; left:75px">
      <span style="width:100px; height:17px;top:250px; left:80px;position:inherit;">This is a divTITLE</span>
      <span style="width:100px; height:17px;top:250px; left:100px;position:inherit;">This is a div inherit</span>
  </div>
  </div>

问题是我想定位 divTITLE 与祖先 div (page1) 的关系，而不是与父 div 的关系。但是，我似乎无法正确处理....

Answer 1

由于您使用的是“position:inherit”，它会使 span 也使用 position:absolute。您应该明确提及position:relative；。当您希望元素占据自己的行时，也可以使用“display:block”。

<div data-page="page1" style="position:relative; width:791px; height:1120px;">
  <div style="position:absolute; width:553px; height:34px;border: 1px solid #000; top:242px; left:75px">
      <span style="width:100px; height:17px; left:80px;;position:relative;">This is a divTITLE</span>
      <span style="width:150px; height:17px; left:100px;position:relative;display:block;">This is a div inherit</span>
  </div>
  </div>