とにかく、コンテナの高さを確認し、それに応じてCSSを変更しますか？

Question

例えば、私はページの100％を占めるコンテナを持っていて、その底部（そのコンテナの一部として）にフッターを持っています。フッターは左に配置されます（0pxとbottom：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; } 

フッターは、コンテナの底部/端部にあります。