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

由于您正在使用＆＃34; position：inherit＆＃34;，它将使跨度也使用position：absolute。你应该明确提到位置：relative;。也可以使用＆＃34; display：block＆＃34;当你想要一个元素采取自己的行。

＆＃13;

<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>

＆＃13;

Answer 2

尝试添加position: fixed;代替position:inherit。

来自this answer

如何将div放在绝对div中但与父亲相对div相关？

2 个答案: