位置内联元素相对于容器

Question

我希望HTML中的元素相对于它的父级定位，类似于this question，但是使用内联。

我有a fiddle来证明。对于此示例，我希望文本框覆盖文本（使用margin:0;，而不是负值。

可以吗？

Answer 1

尝试使用position:relative;和position: absolute;，如下所示：

My Fiddle

或者只使用left: 0px;代替margin，但请确保父div为positioned relative

Answer 2

<div>
    <input value="Text" />
</div>
​

或者您是否将此用于输入以外的其他内容？

由于您已经在使用绝对定位，因此您可以left: 0。