为什么按钮的 twitter-bootstrap 样式设置为 overflow:visible？

Question

为什么 twitter-bootstrap 按钮样式设置为 overflow:visible？

像这样：

button{
  overflow:visible;
}

Answer 1

勾选reference

Visible:

visible Default value. Content is not clipped, it may be rendered outside the content box.

如果溢出是 auto 或 scroll 它将向按钮添加滚动条。 这就是为什么 Twitter bootstrap 使用 overflow:visible; 以便按钮将呈现在 content box.

之外

Answer 2

它属于 Normalize.css 而非推特 bootstrap。它用于将 overflow 的值重置为 visible，因为它在 IE 8/9/10/11 中默认设置为 hidden。

//
// Address `overflow` set to `hidden` in IE 8/9/10/11.
//

button {
  overflow: visible;
}