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

這將archieve完全相同的效果在你的樣品網站。