html - position:absolute和自动宽度槽含量

我在容器中创建了一个小的工具提示。因此，两个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 Triangle，所以这就是为什么有两个容器的原因。

工具提示中显示了用户的全名。但是现在我有一个问题，就是div不如内容宽。所以我通过用 替换空格来解决它，但现在破折号存在相同的问题。但是用–代替破折号并不能解决问题。有人知道解决方案吗？

最佳答案

CSS：

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

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

http://jsfiddle.net/yG5eF/

编辑：对不起，第一次完全误读了它。

关于html - position:absolute和自动宽度槽含量，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/11787112/