我想了解这个问题背后的原因：
< button>背后的原因是什么？或< input>元素不像其他元素一样表现为设置为显示：block！
我不是在寻找解决这个问题的解决方法,所以请不要指向this answer,因为它没有回答这个问题.
Here’s a js-fiddle that illustrates the problem
更新1：@Pete是正确的,元素的默认大小属性是即使在块上设置大小,因为您可以将< input>的大小和cols属性in this fiddle.和< textarea>改变他们的宽度这解决了我的一部分问题.
考虑到这一点,我的问题现在是,为什么< button>元素不像其他块元素那样行为？这对我来说是一个谜！
解决方法
我认为一个默认值被分配给输入的size属性,这意味着除非你特别重写它,否则你的宽度不会是100％
如果您查看firefox specification并向下滚动到关于大小的部分,您可以看到它们的默认值为20
我不知道按钮的属性,导致更改为阻止时不会为100％的宽度
