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;
}

这将与您的示例网站完全相同。

CSS定位品牌问题

2 个答案: