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