将 CSS Div 溢出到相邻容器中（WordPress 创作）

Question

我正在尝试复制以下网站上的外观：http://lousrestaurant.net/

您会看到徽标的底部溢出到菜单栏（WP 中的一个单独的 div）。标题徽标和菜单栏都是一个图像。 WP 生成菜单文本格式，所以只需要担心背景图片。

我已经用标题图像底部的菜单栏（实心带）对自己的标题图像进行了 Photoshop 处理，但无法让它溢出到导航栏 div 上。

使用这个，我已经部分成功了：

#branding img
{
clear: both;
display: block;
background-image:url('myimage.png');
background-size: 940px 185px;
background-repeat: no-repeat;
position: absolute;
}

这很古怪，有两个原因：

1. 然后需要设置主页容器的位置，因为它上面有position:absolute。
2. 由于我在style.css中插入了上面的CSS，所以一些浏览器认为没有标题图片，并且不要使用WP的“非常有用”的标题图片上传器。

我有多年的 HTML 和 CSS 经验，但我对 WordPress 还很陌生，我想我会被挂在那里。

Answer 1

如果你看他们的代码，基本上是

<div id="header">
    <a href="/"></a>
    <div id="nav"></div>
</div>

他们将背景图像应用于#header，然后使a 占用该空间以使其可点击，因此它们不会溢出div，图像是包装元素的背景。看起来你正在添加一个元素来溢出它，如果你在层次结构中上升一个级别就不需要溢出。