html - 位置: 絶対的および自動幅トラフ コンテンツ

Question

コンテナに小さなツールチップを作成しました。そのため、両方の div が 2 つあり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 があるため、2 つのコンテナがあります。

ツールチップには、ユーザーの氏名が表示されます。しかし今、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/

編集：申し訳ありませんが、最初は完全に読み違えました。