html - 位置 : absolute and automatic width trough content

Question

我在容器中创建了一个小工具提示。所以有两个 div 都带有 position: absolute;。它们必须是绝对位置，否则它们会弄乱整个设计。

.container_1 {
     position: absolute;
     top: 20px;
     left: 20px;
}

.container_2 {
     position: absolute;
}

<div class="container_1"><div class="container_2">Full Name-Name</div></div>

我在第一个容器中也有一个 CSS 三 Angular 形，所以有两个容器。

在工具提示中显示了用户的全名。但现在我遇到了 div 没有内容那么宽的问题。所以我通过用   替换空格来修复它，但现在破折号也有同样的问题。但是用 – 替换破折号并不能解决问题。有人知道解决方案吗？

Answer 1

CSS:

.container_1 {
    position: absolute;
    top: 20px;
    left: 20px;
}

.container_2 {
    position: absolute;
    width: 95px;
    overflow: hidden;
    white-space: nowrap;
}

http://jsfiddle.net/yG5eF/

编辑:抱歉，第一次看错了。