html - 子固定定位元素未与父相对定位元素对齐

Question

我有一个div定位为相对的，它的高度38px在这个里面我有另一个div，它的位置设置为绝对，top 属性是38px，left 属性是0。
但是我可以从左边看到它没有与父元素对齐，而是看起来像我设置了 left 属性，1px这导致了父元素的一种左边1px距。

那么到底发生了什么？

Answer 1

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

看？您的子 div 恰好在 5px（父 div 的边框宽度）之后开始，并且由于它在父 div 内，它不能仅仅站在边框上（抱歉英语不好）无论您是否放置元素都无关紧要以这样的方式出现在父 div 之外，它仍然会遵循父子定位规则。

解决方案：

您可以设置：

left:-1px;

或者

margin-left:-1px;

在您的子元素上。看起来很老套，但这就是我们所能做的。希望它有所帮助

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