css - フローティングdivをページ上の多数の要素にアンカーする

Question

左下からdivを固定しているページの複数の場所にdivを配置するための最良の方法は何ですか。相対的な配置としてその要素を使用して、ページ上の任意の要素にアタッチできる必要があります。ツールチップ用です。各ツールチップの幅は同じですが、ツールチップのテキストに応じて、高さが決まります。

Answer 1

絶対配置を使用します。それが相対的な親要素は相対的に配置されます

絶対配置を使用して相対的な親の外にある要素を取得する場合、左と上に負の値を使用します

<div class="parent">
   <div class="tooltip"></div>
</div>

.parent{ position: relative;  /*set whatever else */}
.tooltip {position: relative; bottom: -20px; left: -20px; height 20px; width:20px;}

親の左下に配置された 20px X 20px のツールチップの例