Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

CSS

Posted by vy le oai
vy le oai
4,697 Points

Please help me with unexpected height of .navbar-default class

Hi everyone, The .navbar-default's height is 76px while I've checked all its child and the largest height of them is just 71px. So I can't figure out why there are 5px extra included into the .navbar-default's height.

Here's my project: http://leoaivy.github.io/hikingclub/

Thankyou very much for your help!

1 Answer

Julian Gutierrez
Julian Gutierrez
19,325 Points
Julian Gutierrez
Julian Gutierrez
19,325 Points

The culprit is the inline-block on .navbar-nav. Adding a vertical-align: top or anything other than the default should solve it. I'm not really sure why it happens maybe someone else can shed some light on that but I turned stackoverflow when I experienced the same problem http://stackoverflow.com/questions/10612380/get-rid-of-space-underneath-inline-block-image