现在注意到这个问题，如果我有一个span元素，如果我应用样式display: block，我可以将它作为父容器的整个宽度但是我注意到了同样的问题。当元素是button时，就会发生这种情况。
问题是，为什么？为什么一个按钮的行为不同（默认情况下，如果我没记错的话，它是一个块元素）
我已经通过将width:100%应用于按钮来修复它，但不确定它为什么表现不同。
答案 0 :(得分：0)
按钮： = inline-block＆＃34;默认情况下，按钮的大小由其文本内容决定（与其内容一样宽）。使用width属性更改按钮的宽度。＆＃34;
跨度： = inline内联元素不会在新行上开始，只会占用所需的宽度。
将其设置为display: block;然后：
块元素：块级元素始终在新行上开始并占用可用的全宽（尽可能向左和向右延伸）。
因此，虽然这适用于span元素，但需要设置button元素width。