Question

我知道有很多关于定位的问题，包括关于相对父母内部的绝对定位。

我已经阅读了很多这些问题，并找到了关于css-tricks（Absolute positioning inside relative parent）的信息链接。在所有故障排除失败后，我转向你;）

This JSFiddle包含我认为是对的，但显然不是。为什么父div的子元素相对于body而不是div？

代码：

<div id="editorWrapper" style="posotion: relative; width:751px; height:250px; margin-left: 20px; margin-top: 20px; border: 1px solid blue;">
    <a class="lnk" href="http://www.google.be" style="display: inline-block; position:absolute; left: 1%; top: 1%; padding: 5% 5%;"></a>
    <a class="lnk" href="http://www.google.be" style="display: inline-block; position:absolute; left: 80%; top: 80%; padding: 10% 10%;"></a>
    <div style="position: absolute; padding: 10px; left: 60%; top: 60%; background-color: red;" />
</div>

修改答案只是一个错字。 posotion应该是父div中的位置。对于将来的参考：这种定位方法确实有效：）

谢谢Gaurang！

Answer 1

请注意：您已在posotion: relative的样式属性中编写了div#editorWrapper。它应该是position: relative。

<强> Fixed Fiddle

绝对定位的孩子忽略了相对父母

1 个答案: