Css 绝对位置的文本溢出

请帮助解决此问题：

帮助块

位于

表单组

内。我正在使用bootstrap+表单验证插件

css used:

    .form-group.has-error .help-block {
        font-size: 10px;
        padding: 5px 10px;
        border-top: 1px solid #B20005;
        position: absolute;
        bottom: 0;
        width: 100%;
        margin: 0;
        color: #B20005;
    }

试试这个：

.form-group.has-error .help-block {
   overflow:hidden;
}

---

您可以在JSFIDDLADD complete fiddle或complete html&css files.TREATED中添加html和css吗。但不起作用。实际上，绝对位置在相对容器内。

 .form-group.has-error .help-block {
    position: absolute;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}