Firefox忽略为文本输入元素设置的百分比宽度值

Question

In the screenshots, the form text fields are set to 97% to create a gap between them. It works in all browsers except Firefox -- it seems it stretches all the way to 100%. Anyone pls give me a way to get around this?

Answer 1

Try adding box-sizing: border-box (and the corresponding -moz-box-sizing , -webkit-box-sizing ). Otherwise, padding and margin are added to the 97% instead of included in.

Answer 2

I am using FF 13.0.1 on Mac OS and the gap shows correctly.