在此页面中：
http://getbootstrap.com/components/#input-groups-buttons
如果你改变 Go! button 到标签（使用 Chrome 检查器）你会注意到 Go!按钮不再位于输入字段的顶部：
（而不是边界是一个在另一个之上，它们是并排的。）
为什么会这样以及如何使这两个元素相互叠加？
【问题讨论】：
标签： html css twitter-bootstrap twitter-bootstrap-3
Bootstrap 将max-width:100% 应用于标签。这会缩小它的边界框（box-sizing:border-box 贯穿始终），使其适合其包含块（其父 span 元素），其宽度减少一个像素，因为这是由它必须包含的边距框决定的去吧！应用了margin-right:-1px 的按钮/标签。 span 是按钮/标签的包含块，因为它的 input-group-btn 类使它成为 display:table-cell
所以要获得与标签相同的效果，只需设置label { max-width:none; } 在实践中，您可能需要更具体的选择器。
【讨论】：
在输入上放置标签并不是最好的主意，最好将它们分开并让它们彼此相邻浮动。这个问题回答了here 可能会有所帮助。这也可以使用每个 div 的样式部分中的 z-index 进行调整。至于为什么会发生这种情况，我不完全确定......
【讨论】：