【问题标题】:Absolute positioning <input> with "left" and "right" in IE9 doesn't workIE9 中带“左”和“右”的绝对定位 <input> 不起作用
【发布时间】:2013-11-23 00:24:22
【问题描述】:

我使用 CSS 技巧,在元素上设置 position: absolute,然后像 left: 0px; right: 70px 一样设置以确保元素跨越父元素的整个长度,但始终在右侧留出 70 像素的空间。

但是,我最近发现这个技巧在 IE9 中对于 文本输入 元素不起作用。 “left”和“right”属性根本不会改变元素的默认宽度。有人知道 IE9 的解决方法吗?

请看这个fiddle,虽然你必须在IE9中查看才能看到效果...

【问题讨论】:

  • 这很奇怪,应该可以。您确定文档开头有&lt;!DOCTYPE html&gt; 吗?否则,您将处于 Quirks 模式,根本不喜欢绝对定位。
  • @NiettheDarkAbsol 感谢您的评论,是的,我有 doctype 标签。我在输入元素上使用它,我认为这可能是问题所在。
  • stackoverflow.com/questions/7430103/…。该答案谈论的是textarea,但它在其他方面是同样的问题。

标签: html css internet-explorer internet-explorer-9 css-position


【解决方案1】:

输入元素不喜欢这样被拉伸。将其放入包含&lt;div&gt;,定位&lt;div&gt;,然后在输入上使用width:100%

【讨论】:

  • 是的,我遇到了这个答案stackoverflow.com/questions/1708654/… 并找到了解决方案。老实说,我不太喜欢这种方法,因为我必须添加额外的包装器,但似乎这是我支持 IE9 的唯一途径。
猜你喜欢
  • 1970-01-01
  • 2016-01-21
  • 2013-04-23
  • 1970-01-01
  • 1970-01-01
  • 2015-09-29
  • 2016-10-26
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多