爲什麼圖像溢出div的底部

我在本網站上工作：http://www.problemio.com並且藍色條形圖像溢出約5px超出該div的邊界以外的底部。爲什麼圖像溢出div的底部

任何想法爲什麼發生這種情況？

謝謝！

來源

2011-10-04 GeekedOut

您的#layout div位於您的.nav_bar div內。放置nav_bar div之後和之外的佈局div，它應該看起來更加正確。

來源

2011-10-04 18:05:52

工作。當系統允許我在8分鐘內接受答案。我把它關閉之前...不知道如何結束標籤之一被刪除:) – GeekedOut

@GeekedOut它發生。：）很高興我能幫上忙。 –

因爲背景圖標位於.nav_bar上。

嘗試將背景圖像放在.nav上，而不是將寬度去除。

.nav_bar .nav { 
    background: url('http://www.problemio.com/img/ui/problemiomainbluebar.png'); 
    height: 40px; 
    margin: 0 auto; 
    position: relative; 
    z-index: 20; 
} 


.nav_bar { 
    background-repeat: repeat-x; 
    border-bottom: 1px solid #462C1F; 
    border-top: 1px solid #462C1F; 
    margin-top: 5px; 
}

來源

2011-10-04 18:06:21 CambridgeMike

因爲您將背景圖像放在外部容器上（.nav_bar）。它可能應該在.nav元素上。

來源

2011-10-04 18:07:00 Clive

需要別的東西老闆？

.nav_bar .nav { 
    height: 50px; 
}

來源

2011-10-04 18:07:24 cvsguimaraes

爲什麼圖像溢出div的底部

回答

相關問題