这是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 的关系。但是,我似乎无法正确处理....
最佳答案
由于您使用的是“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>
关于jquery - 如何将 div 定位在绝对 div 内,但相对于父相对 div?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41733540/