更好的方法（CSS或JQuery）是什么？

我已经添加了下面的屏幕截图，这里我有一个默认位于左下角的链接。它上面有一个容器，当我调整窗口大小时，它的宽度会发生变化。我可以使用CSS的“左边距”、“左边填充”或“左边”、“底部”属性在右边获得此链接。但当我调整窗口大小时，它会改变。我必须分别为所有决议编写媒体查询。还有其他更好的方法吗？我不需要添加太多的媒体查询

我的意思是，有没有办法自动检测集装箱的位置并将其放置在集装箱下方

编辑：请在“新建”选项卡中打开图像以正确查看

---

添加相同的容器，并在容器中包含链接，然后进行检查

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

---

添加相同的容器，并在容器中包含链接，然后进行检查

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

---

如果容器具有固定高度，则可以在链接上使用

位置：绝对

或

位置：固定

。否则，您可以将当前容器包装在

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也显示为块。如果正在进行任何大小调整，则可能必须将其应用于新容器

---

然后，链接应始终位于原始容器元素的下方

如果容器具有固定高度，则可以在链接上使用

位置：绝对

或

位置：固定

。否则，您可以将当前容器包装在

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也显示为块。如果正在进行任何大小调整，则可能必须将其应用于新容器

---

然后，链接应始终位于原始容器元素的下方

除了一个有趣的问题之外，您还可以/应该了解Twitter引导是如何通过

class=“col-md-3”

=）实现这一点的，不幸的是，这不符合StackOverflow的范围，因为坦率地说，您并没有展示任何有用的/实质性的HTML或CSS，而是在征求意见。更好的方法是CSS，因为它在CSS中是可行的，并且使它更易于访问。jQuery仅仅列出这样的东西就太过分了，我认为除了是一个有趣的问题之外，你可以/应该看看Twitter Bootstrap是如何通过

class=“col-md-3”

=）做到这一点的，不幸的是，这不符合StackOverflow的范围，因为坦率地说，您并没有展示任何有用的/实质性的HTML或CSS，而是在征求意见。更好的方法是CSS，因为它在CSS中是可行的，并且使它更易于访问。jQuery仅仅列出这样的内容就太过分了，我想进展如何？它正在工作，但由于我使用的是同一个类，它也提供了容器盒。（这个容器是bxslider进展如何？它正在工作，但由于我使用的是同一个类，它也提供了容器框。（这个容器是bxslider。）