这是漫长的一天，我确定我一定在这里遗漏了一些东西，所以如果我遗漏了，请放轻松!
让我们采用以下 HTML 标记:
<div id="container">
<button id="myButton">Some Text</button>
</div>
我想要做的是让 button 元素占据 div#container 提供给它的所有宽度。通常我们可以通过将 display 属性设置为 block 并移除任何可能施加在元素上的 float 来实现这一点(这适用于其他元素，例如 anchor 和跨度) .
但是，通过将 button#myButton 的 CSS 设置为以下内容，按钮仍然只占用文本的空间加上我应用的填充:
button#myButton {
display: block;
padding: 5px 10px;
font-weight: bold;
}
任何人都可以解释为什么会发生这种情况。这在 WebKit 中工作是必不可少的，并且不需要跨浏览器支持。
最佳答案
使用display: block 或display: inline-block 设置width: 100%。
关于html - <button> 占据所有可用宽度，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/7942012/