divが私のフォーム要素は、ここで中央にhorizo​​ntaly位置し得ていない水平

Question

イムを配置していない私のコードCSSでトッププロパティを設定

$('.form') 
.css('top', window.screen.availHeight/2 - $('.form').height()/2) 

Answer 1

は、要素の水平方向の位置には影響しませんされています。

要素の位置がデフォルトであるstaticに設定されている場合、top（または水平配置の場合はleft）を設定しても効果はありません。代わりに絶対

てみ位置：

.form { 
    position: absolute; 
    top: 100px; 
} 

Answer 2

まず、Douglas @が指摘するように、それはposition: absolute;だことを確認してください。これを過ぎると、の画面の高さがブラウザウィンドウではなくモニター全体と同じように取得されます。

$('.form').css('top', $(window).height()/2 - $('.form').height()/2); 

You can test it out here：代わりwindow.screen.availHeightのは、おそらくちょうどこのように、$(window).height()をしたいです。