Question

我在Container中创建了一个小工具提示。所以有两个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不像内容那么宽。所以我通过用 替换空格来修复它，但现在破折号存在同样的问题。但是，用–替换短划线无法解决问题。有人知道解决方案吗？

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/

修改：抱歉，第一次完全误读了。

位置：绝对和自动宽度低谷内容

1 个答案: