css – 使Firefox正确拉伸输入

前端之家收集整理的这篇文章主要介绍了css – 使Firefox正确拉伸输入前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
这是我想要做的一个简化版本.在FF以外的每个浏览器中工作:

http://jsfiddle.net/hDFnW/10/

基本上,我试图获得一个输入来应用width:auto;当position:absolute; left:200px; right:0px设置.

它工作在除了输入之外的任何东西…我现在很困惑

如何在Firefox中完成此操作,还是在所有浏览器中完成?

解决方法

您可以用div包装输入,然后它可以工作.

CSS

div {
    display    : block;
    position   : absolute;
    left       : 100px;
    right      : 0px;
    top        : 3px;
}

input {
    width      : 100%;  
    border     : 1px solid #000;
    background : #FFF;
}

jsFiddle使用其他例子.

jsFiddle全部工作.

你可以得到类似的效果(尽管不一样)using floats.

猜你在找的CSS相关文章