html - 位置：绝对和自动宽度槽内容

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 三角形，所以这就是为什么有两个容器。

在工具提示中显示了用户的全名。但是现在我遇到的问题是 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/

编辑：对不起，第一次完全看错了。