css - CSS定位品牌问题

Question

我正在尝试实现此处的品牌外观（品牌与导航栏重叠） - http://logobro.com/our-work

但是我似乎错过了帮助我实现这一目标的 CSS 规则，正如您在此处的网站中看到的那样：http ://www.bestcastleintown.co.uk/port/

这是我目前的样式.brand

.navbar .brand {
    color: #FFFFFF;
    display: block;
    float: left;
    font-size: 20px;
    font-weight: 200;
    line-height: 1;
    margin-left: -20px;
    padding: 8px 20px 12px;
}

任何建议表示赞赏。

Answer 1

这只是您的边距和填充的问题，而不是padding: 8px 20px 12px;尝试：

padding: 12px 20px 0px;
margin-bottom: -4px;

Answer 2

使用这个 CSS：

#topbar-logo
{
  margin-bottom: -3px;
}

.brand
{
  padding: 0px;
}

这将获得与您的示例网站完全相同的效果。