overflow:hidden on inline-block adds height to parent

Question

I\'m certain this has been asked before in some form or other, but I just can\'t find an answer..

I have some nested divs

Answer 1

.child{
    background-color:green; 
    display:inline-block;
    overflow:hidden; 
    vertical-align: top;
}