我有 div 托管另一个 div。好的，当父母是position:relative 和
孩子是position:absolute。我不明白当
我使用Why does an absolute position element wrap based on its parent's right bound? 中的JSbin 示例，但问题一般适用于定位概念
【问题讨论】：
标签： css css-position
Read more about absolute, relative, and fixed position and how they differ here，但我会尝试具体回答你关于人际关系的问题。
position: absolute 将该元素定位到其 最近的父元素，position 不是static。静态是一切的默认设置。
position: relative 有点奇怪，因为它确实影响了该元素的子元素，而不是它自己的位置。它只是对它的子元素说，“如果你有position: absolute，就相对于我定位你自己。” fixed 或 absolute 中的 position 做同样的事情（意味着其定位的孩子将相对于其边界定位自己），但这些样式也会影响它们自己在页面上的位置。带有position: relative 的元素看起来没有什么不同，但它的子元素可能会。
所以考虑这样的情况：
<div class="parent">
<div class="child">
<div class="grandchild"></div>
</div>
</div>
如果grandchild 具有position: absolute，它将相对于浏览器窗口定位自身，因为除了默认的static 之外，没有具有position 的父级。
如果parent 还具有position 或relative、absolute 或fixed，则grandchild 将相对于parent 的边界定位自身。
但是，如果 child 也有 relative、absolute 或 fixed 中的 position，则 grandchild 将相对于 child 的边界定位自身，因为 是最近的父级，position 不是static。
总之，relative 影响元素的子元素，而 absolute 和 fixed 影响元素本身及其子元素。
请记住，position: fixed 会绕过所有 relative 和 absolute 父级，并且始终相对于浏览器窗口定位自身。
【讨论】：
position: relative 有点奇怪，因为它确实影响了该元素的子元素，而不是它自己的位置。" i> 不全是真的。您可以使用top、right、bottom 和left 属性更改屏幕上相对元素的位置，这是position 的其他值无法做到的。
如果妈妈是相对的，孩子是绝对的：妈妈听她的孩子的话。仿佛是为了保护他。有点..
如果它们都是绝对的：它们彼此无关。他们是陌生人。
如果父级是绝对的，而子级是相对的：它们是绑定的。孩子移动（宽度和高度）朝向或远离他的妈妈。
这总是有点奇怪，有很多关于这个的好文章，但对我来说，它总是只是切换绝对和相对直到它起作用。希望这能澄清一点。
【讨论】：