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 工具提示的示例