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（而不是那个，只需删除float），padding和position：relative。最后一步是在容器内移动导航和标题，以便导航相对于容器定位。

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

left: 0;