绝对定位和左/右浮动

Question

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

Answer 1

你可以使用left和right为此.

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

.child .left
{
    left: 0;
}

.child .right
{
    right: 0;
}

在top: 50%将调整孩子的顶边到一半时父.如果您的父级具有恒定大小,请使用像素大小调整.否则你可能需要一些javascript来完全正确.

编辑以回应评论:

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