这样做的好方法（CSS或JQuery）是什么？

Question

我已经添加了下面的屏幕截图，这里我有一个默认位于左下角的链接。它上面有一个容器，当我调整窗口大小时，它有一些宽度会改变。我可以使用CSS的“Margin-left”或“Padding-left”或“Left”，“Bottom”属性在正确的位置获取此链接。但是当我调整窗口大小时它会改变。我将不得不分别为所有决议编写媒体查询。还有其他更好的方法，我不需要添加太多的媒体查询。

我是指任何方法来自动检测容器的位置并将其置于其下方？

编辑：请在新标签页中打开图片以正确查看。

Answer 1

添加相同的容器并在容器中包含您的链接并检查。

<div class="container">
  <div class="your links wapper">
    <!--your links here-->
  <div>
</div>

Answer 2

如果容器的高度固定，您可以在链接上使用position: absolute或position: fixed。否则，您可以将当前容器包装在div中，然后将其包含在：

中

<div id='new-conteiner'>
  <div id='original-container'>...(container stuff)</div>
  <div id='my-link'>... <a href='...'>blah blah link text blah</a></div>
</div>

这假设原始容器显示为块，其兄弟div也显示为块。如果你有任何调整大小，你可能不得不将它应用于新容器。

然后，链接应始终低于原始容器元素。