垂直百分比问题

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而不是高度百分比。

另外请确保您可以使用负边距，这真的很有帮助。