将浮动div锚定到页面上的众多元素

时间:2013-01-15 15:56:47

标签: css

什么是将div放在页面上多个位置的最佳方法,从左下方锚定div。它应该能够将它附加到页面上的任何元素,使用该元素进行相对定位。它是一个工具提示。每个工具提示将具有相同的宽度,但根据工具提示中的文本,将确定高度。

1 个答案:

答案 0 :(得分:0)

您将使用绝对定位,它相对的父元素将相对定位

当使用绝对定位来获取相对父级之外的元素时,使用左侧和顶部的负值

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