绝对位置的文本溢出答案

【问题标题】：text overflow in absolute position绝对位置的文本溢出
【发布时间】：2018-05-01 06:16:56
【问题描述】：

请帮助解决此问题：

help-block 位于 form-group 内部。我正在使用引导程序 + 表单验证器插件

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;
    }

【问题讨论】：

你可以在jsfiddle中添加你的html和css
添加完整的小提琴或完整的 html 和 css 文件。

标签： css twitter-bootstrap twitter-bootstrap-3 bootstrapvalidator

【解决方案1】：

试试这个：

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

【讨论】：

【解决方案2】：

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

【讨论】：

试过了。但不工作。实际上绝对位置是在一个相对容器内。