好的,所以我们知道即使对对象设置填充也会导致其宽度发生变化,即使它是明确设置的也是如此。尽管可以争论其背后的逻辑,但这会导致某些元素出现问题。
在大多数情况下,您只需添加一个子元素并向其中添加填充,而不是将其设置为100%,但是对于表单输入而言,这是不可能的。
看一下这个:http : //sandman.net/test/formcss.html
第二个输入的填充设置为5px,我非常喜欢默认设置。但是不幸的是,这使输入在所有方向上都增加了10px,包括在100%宽度上增加了10px。
这里的问题是我无法在输入中添加子元素,因此无法修复它。所以问题是:
有什么方法可以在输入中添加填充,同时又保持宽度100%?由于表格将以不同宽度的父级呈现,因此它必须为100%,所以我事先不知道父级的宽度。
box-sizing
属性