无论如何要检查容器高度并相应地更改CSS？

Question

让我们说，例如，我有一个容器占据了100％的页面，然后在底部（作为该容器的一部分）占用了一个页脚。页脚位于左侧：0px和底部：0px。

有没有办法，例如使用JQuery来检查该容器的高度，如果它低于一定数量，则删除页脚上的css，将其定位为0px 0px？

示例html：

<div class="container">
    <div class="footer">
    </div>
</div>

示例css：

.container { width:100%; }
.footer { height:42px; position:absolute; bottom:3px; left:0px; width:100%; }

Answer 1

您可以使用jQuery执行此操作，如下所示：

var $containerHeight = $('.container').height();
if(height < yourMagicNumberHere) {
  $('.footer').css({
    position: 'static',
    bottom: 'auto',
    left: 'auto'
  });
}

Answer 2

这真的有必要吗？以下是否有问题？

.container { }
.footer { height:42px; margin-bottom: 3px; }

页脚仍然位于容器的底部/末端。