【问题标题】:Position Inline Element Relative to Container相对于容器定位内联元素
【发布时间】:2012-07-21 09:55:30
【问题描述】:

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

我有a fiddle 来演示。对于这个例子,我希望文本框覆盖文本(使用margin:0;,而不是负值。

可以吗?

【问题讨论】:

  • 你能发布结果图片吗
  • 您想隐藏文字吗?我的意思是你想在你的文本上添加文本框?
  • @krish 你没有保存你的小提琴
  • @JNF 类似this
  • @Mr.Alien - 没错。谢谢!

标签: html css positioning


【解决方案1】:
<div>
    <input value="Text" />
</div>
​

或者您是否将其用于输入以外的其他用途?

由于您已经在使用绝对定位,您可以直接使用left: 0

【讨论】:

  • 我需要 Text 所在的位置 - 不在 input 内。
  • 所以你想使用相对定位并且没有负边距来堆叠内联元素?
【解决方案2】:

尝试像这样使用position:relative;position: absolute;

My Fiddle

或者只使用left: 0px; 而不是margin 但确保父divpositioned relative

【讨论】:

  • 实际上是 left:0; 成功了,但你帮我找到了答案。
  • 您可能应该编辑答案以包含该详细信息... :)
猜你喜欢
  • 2010-09-11
  • 1970-01-01
  • 1970-01-01
  • 2020-10-10
  • 1970-01-01
  • 2020-06-12
  • 1970-01-01
  • 2012-07-23
  • 2020-08-17
相关资源
最近更新 更多