我已经有这个问题多年了,我以前也看过类似的问题,但是没有一个解决了这样一个事实:当在元素上设置width:100%时,paddings,边距和边框会增加宽度.
看看这个Fiddle.
白色最上面的文本框是一个标准文本框,其宽度设置为100%.由于边距,边距和边框设置,您可以看到它溢出它的父母.
绿色文本框的样式就像使用position:absolute的div.这在webkit浏览器中是一个梦想,但没有其他地方.
红色的div是控件 – 我希望输入的行为就是这样.
有没有任何黑客/技巧我可以使用我的文本输入行为就像所有现代浏览器中的红色div,换句话说,适合在父母的填充内?请编辑我的小提琴或创建自己的陪同你的答案.谢谢!