css - 在标题图像下方添加 5px 底部边距

Question

summer-band.com

我知道这可以使用 line-height:0; 删除。在我的 #navigation 上，但这会使整个导航失控。试图找到其他解决方案来删除命中 5px 边距（仅在 Firefox/移动设备上......不会出现在 Chrome/Safari 中。）

Answer 1

实际上是导航/侧边栏导致了这种情况。我建议您将导航设置为position: absolute. 然后，您只需将标题图像向左移动。最好在容器内包含标题和导航。

编辑：接下来要做的是：

#container {
width: 560px;
padding: 0 130px;
margin: 0 auto;
float: none;
z-index: 5;
height: auto;
min-height: 600px;
background-color: rgba(0, 0, 0, 0);
filter: alpha(opacity=100);
opacity: 1.0;
position: relative;
}

我添加了 margin: 0 auto、float: none （但不是那样，只需删除浮动）、padding 和 position: relative。最后一步是移动容器内的导航和标题，使导航相对于容器定位。

最后，将其添加到导航样式中：

left: 0;