html - 为什么该消息没有出现在 Chrome 的手风琴上方？

Question

我正在尝试新的 HTML5 验证，当我尝试使用标签required内的属性时，消息This field can't be blank没有正确显示。当我在 Twitter Bootstrap 手风琴中插入 this 标记并尝试使用 Google Chrome (v. 23) 提交表单时，就会出现问题。<input><input>

对于其他浏览器，消息显示在手风琴上方（我在 Firefox 17 中对其进行了测试），但对于 Chrome，由于手风琴，一半的消息被隐藏。

这个JSFiddle显示了这个问题。

我该如何解决这个问题？为什么会这样？

Answer 1

问题是您在元素中overflow:hidden;设置了一个属性div#collapseOne，因此您只需将其设置为visible.

#collapseOne {
    overflow:visible;            
}

请参阅jsfiddle。