将浮动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工具提示的示例，它位于父级的底部和左侧