Html 水平定心绝对定位Div

现在，我可以水平居中图像，但一旦我尝试垂直居中（添加上边距），父div也会向下移动（这是我不想要的）

下面是我所说的图像：

我认为最好的选择是将它设置为一个绝对位置，但这样我就有问题了

<div id="header">
    <div id="container">
        <div id="logo">
            <a href="index.html"><img src="images/logo.png" /></a>
        </div>
    </div>
</div>

---

非常感谢您的帮助！谢谢

您可以将

溢出：隐藏

放在

#容器

上。它将引入一个新的块格式上下文，因此边距不再折叠

---

从我看到的情况来看，容器并没有降低（也不应该降低），降低的只是徽标（由于边距）

要将图像居中放置在页眉的何处？ 给标题一个固定的高度，并使用边距或填充物使图像居中。 如果收割台的高度需要是流体，那么您可以使用

#container {
    width: 960px;
    margin: 0 auto;
    position: relative;
    vertical-align: middle; 
    display: table-cell
}

希望有帮助

R

#container {
    width: 960px;
    margin: 0 auto;
    position: relative;
    vertical-align: middle; 
    display: table-cell
}