将DIV推到其父DIV底部的正确方法[关闭]答案

【问题标题】：Proper way to shove a DIV to the bottom of its parent DIV [closed]将DIV推到其父DIV底部的正确方法[关闭]
【发布时间】：2014-06-05 19:00:20
【问题描述】：

我想在其包含 DIV 的底部放置一个 DIV。 The solution I've used 似乎有点棘手。

首先，我的组件下降到页面的最底部，而不是其父级的底部。其次，我担心如果我填写父 DIV 内部的空间，某些内容会被覆盖并且将来看起来很难看。

所以，问题是如果将子 DIV 放在其父 DIV 的底部是否是最佳推荐方式。如果没有，有什么更好的方法？

【问题讨论】：

请务必提供您目前拥有的代码。如果
没有跟随它的父容器，听起来你没有完全遵循你链接到的答案：父容器需要有 position: relative 才能工作。
@Nit 这并不重要，因为我在问题中提到了担心。问题不在于放置 DIV 在底部。这是关于这样做正确。
由于标记不是太严格，因此通常没有一种最重要的正确方法来做某事。您的解决方案取决于您的预期行为，div 应该始终位于父级的底部还是应该表现得像 sticky footer？
@Nit Umm...我在您链接到的页面底部没有看到任何内容... :$ 另外，请注意不要在问题中引入语法错误。跨度>
网站页脚位于页面底部。但除此之外，如果您可以解释您所追求的上述两种行为中的哪一种，那么回答您的问题会更容易（或者更确切地说，可能）。只需将
定位在其父级的底部？

【解决方案1】：

这可以通过 jQuery 轻松完成：

$("#child").css({"position" : "absolute", 
  "top" : $("#child").parent().height() - $("#child").height()});

【讨论】：

完全没有必要使用脚本。
或许可以，但它简单、干净且有效。
可以很容易地证明，这种解决方案通常被称为脆弱：它会在较小的站点逻辑更改时完全中断，如果可能的话，应该避免这种情况。例如见this Jsfiddle。
鉴于这被标记为已接受的答案，任何寻找良好解决方案的人都应该参考开题中链接的问题。
我知道这可能是个问题，但取决于人在做什么，这可能并不重要。如果确实遇到问题，他们可以很容易地得到补偿。有时我更喜欢使用 jQuery 而不是 CSS，因为我在使用 CSS 时遇到了很多意想不到的行为，这可能是由于缺乏知识。有时，我只是发现 jQuery 更易于使用。没必要怀有敌意。 :)