为什么消息不会出现在Chrome手风琴上方？

Question

我正在尝试新的HTML5验证，当我尝试使用required标记内的<input>属性时，消息此字段不能为空不是正确显示。当我在Twitter Bootstrap手风琴中插入此<input>标签时，我会尝试使用Google Chrome提交表单（第23页）。

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

此JSFiddle显示此问题。

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

Answer 1

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

#collapseOne {
    overflow:visible;            
}

请参阅jsfiddle。