垂直百分比問題

Question

我無法在高度和垂直邊距填充處使用百分比。幾乎沒有關係，但我必須垂直居中div，我必須使用

#ana > #kapak > .ğ-contey > .anabaslik-kutusu 
{ 
    top: 50%; 
    transform:translateY(-50%); 
} 

該代碼，但頂部無法正常工作。

http://jsfiddle.net/hgLo21f1/

請幫助。

Answer 1

我糾正你的fiddle

除非添加「位置」不能使用「頂」屬性。例如像這樣：

#ana > #kapak > .ğ-contey > .anabaslik-kutusu 
{ 
    position: relative; 
    top: 50%; 
    transform:translateY(-50%); 
} 

Answer 2

地址：

#ana > #kapak > .ğ-contey > .anabaslik-kutusu { position:relative; } 

Answer 3

我真的不明白你的問題。如果你想實現垂直居中，this article應該有所幫助。但它是已知的高度在CSS問題。有時最好使用js而不是高度百分比。

另外請確保您可以使用負邊距，這真的很有幫助。