在Firefox中填充左边的怪癖

sha*_*lpk 6 html css firefox

http://jsfiddle.net/hERrX/

input{
    padding:1%;
}
input#checking{
    padding-left:40px;
}
Run Code Online (Sandbox Code Playgroud)

请检查FIREFOX中的上述链接并帮助我解决问题.它似乎在Chrome中运行良好.尽管padding-left具有更高的优先级,但它似乎不起作用.

thi*_*dot 7

如果你不使用%长度它是有效的:

http://jsfiddle.net/hERrX/15/

input{
    padding: 5px;
}
input#checking{
    padding-left: 40px
}
Run Code Online (Sandbox Code Playgroud)

我不知道为什么它不适用%..

我在这里找到了一个现有的错误报告:https://bugzilla.mozilla.org/show_bug.cgi?id = 527459

  • @Shahal:流体布局不需要暗示流体填充. (2认同)