儿童固定定位元素未与父相对定位元素对齐

Question

我有一个div位于相对位置，其高度为38px，我有另一个div，其位置设置为绝对值，顶部属性为{{1}左边的属性是38px。左边我可以看到左边没有与父元素对齐，而是看起来我将左边的属性设置为0，这导致来自父元素的一种左1px边距。

那么真的发生了什么？

Answer 1

我想这是因为你不能将子元素放在父元素的边界上。例如，如果您的父母有border-width:5px，那么：

见？你的孩子div正好在5px（父div的边框宽度）之后开始，因为它在父div中，它不能只站在边界上（对不起英语不好），无论你是否定位元素都没关系以这种方式出现在父div之外，它仍然会遵循父子定位规则。

<强>解决方案：

你可以设置：

left:-1px;

或

margin-left:-1px;

关于您的子元素。看起来很hacky，但这就是我们所能做的。它有帮助

演示：http://jsfiddle.net/s4v89/1/