中心垂直对齐

Question

我有一个共同的问题，虽然我还没有能够解决它找到elsewehere堆栈溢出解决方案。我试图垂直对齐标识，并与未知高度头叠加的图像上的搜索栏

的挑战（因为当浏览器宽度减小，因为它是敏感的图像缩小）：

1. 我在一个div块中有一个标题图像（img，而不是CSS背景图像），另一个徽标&需要叠加在背景图像上的两个其他div块中的搜索栏。
2. 随着浏览宽度的减小，标题图像的大小会缩小，因为它是一个响应站点。这意味着我不知道标题的高度。
3. 徽标左移，搜索栏右移。
4. 我需要以某种方式将徽标和搜索栏垂直居中，以便它们始终显示得很好，无论它们覆盖的标题图像的高度如何。

实施例：http://www-dev.channelaustin.org/about

任何建议？

Answer 1

第一个答案here，本质上回答你的问题。因为你只想要垂直居中，你应该删除：

top: 50%;