CSS固定配置を使用して配置された中心要素

Question

CSSを使用して配置された要素を中央揃えにすることはできません "上部および左側および固定：固定属性"。

Answer 1

固定された位置は、ブラウザを参照して要素を配置し、親要素は配置しません。この抜粋に関する位置を参照してください：固定 -

が ブラウザウィンドウに対して位置決め絶対位置 要素を生成します。要素の位置 は 「右」、「左」、「トップ」と指定し、here

から「ボトム」プロパティ

あなたはおそらくposition: relativeを使用したいが、ソースなしで、それは難しいされます確かに知っている。

Answer 2

centeeをセンターに置きたいものに追加します。クラスセンチラーの容器に包んでください。コンテナは表示されません。

HTML

<div class="centerer"> 
<div class="centee"></div> 
</div> 

CSS

.centerer { 
position: fixed; 
left: 50%; 
height: 50%; 
width: 1px; 
height: 1px; 
} 

.centee { 
    position: absolute; 
    width: 555px; 
    height: 333px; 
    margin-left: -50%; 
    margin-top: -50%; 
    background: blue; 
}