垂直百分比问题

Question

我无法使用高度和垂直边距填充的百分比。它几乎不重要，但我必须垂直居中div，我必须使用

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

该代码但最重要的是无效。

http://jsfiddle.net/hgLo21f1/

请帮助。

Answer 1

我更正了您的fiddle

除非添加“位置”，否则无法使用“top”属性。例如：

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

Answer 2

我没有真正解决你的问题。如果您尝试实现垂直居中this article应该有所帮助。但它在css中的高度已知问题。有时使用js比使用高度百分比更好。

另外请确保您可以使用负边距，这非常有用。

Answer 3

添加：

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