一个简单但令人讨厌的一个 – 我试图通过使用绝对定位(即右:10px;左:10px)设置一个输入[type = text]宽度,但我不能让它玩球.
有人有解决方案来踢它吗?
解决方法
其实,你在做什么工作正常您只需要记住设置父元素的位置.
<div> <input type="text"> </div>
然后CSS它:
div { width: 400px; position: relative; } input { position: absolute; left: 5px; right: 5px; }
这将导致输入框为390px.
如果将div设置为灵活,那么输入框也将是.
编辑:似乎只能在Chrome中工作,因此您需要将输入放在另一个元素中.这在FF和IE中也是如此:
<div id="parent"> <div><input type="text"></div> </div>
这个CSS:
#parent { position: relative; width: 400px; } #parent div { position: absolute; left: 5px; right: 5px; } #parent div input { width: 100%; }
这具有预期的效果.有点黑客,也许…