css - 绝对定位和左/右浮动

Question

这显然是矛盾的。我需要的是让两个子元素位于父元素的左右边缘，同时垂直居中并覆盖所有其他同级元素。

Answer 1

您可以为此使用left 和right。

.child
{
    position: absolute;
    top: 50%;
}

.child .left
{
    left: 0;
}

.child .right
{
    right: 0;
}

top: 50% 会将子项的上边缘与父项的中间位置对齐。如果您的 parent 的尺寸不变，请使用像素尺寸。否则，您可能需要一些 javascript 才能使其完全正确。

编辑以回应评论:

要使其相对于父级而不是页面，您需要给父级 position: relative; 它将起作用。默认位置是 static，这不适用于此。