は私が親のdivを持つ固定幅と高さ

Question

と別のもので、正方形、および内部の子のdivを設定したいのそれ

CSS

.parent { 
    background-color: red; 
    width: 500px; 
    height: 300px; 
    margin: 0 auto; 
} 
.child { 
    background-color: yellow; 
    width: 200px; 
    height: 100px; 
} 

今、私は正確に子を設定したいです親の真ん中に幅と高さを変えずに、どうすればいいですか？ありがとう。ここで

Answer 1

私はそれを自分自身から理解する、私はただのポジティブにする必要があったon：オーバーフロー;親の場合は、マージンを取って、子供を中央に集中させることができます。

Answer 2

は、私はそれはしかし、あなたのニーズに合うかわからない、一つの解決策だ：

.parent { 
    background-color: red; 
    width: 500px; 
    height: 300px; 
    margin: 0 auto; 
} 

.child { 
    background-color: yellow; 
    width: 200px; 
    height: 100px; 
    /* changes */ 
    top: 100px; 
    position: relative; 
    margin: 0 auto; 
} 

Demo

Answer 3

これはあなたが私は

http://jsfiddle.net/kbPV7/7/

.parent { 
    background-color: red; 
    width: 500px; 
    height: 300px; 
    margin: 0 auto; 
    position:relative; 
    display:block; 

} 
.child { 
    background-color: yellow; 
    width: 200px; 
    height: 100px; 
    position:absolute; top:50%; margin-top:-50px; 
    left:50%; margin-left:-100px; 
} 

を考えて欲しかったもののようです