Iframe creates extra space below

Question

Why does an iframe add extra space under its element? Look at this weird behavior:

Answer 1

In my case the iframe was correctly in a block and size width and height were both corrects. I applied this to the container of my iframe and it worked :

.iframe-container{
line-height:0px;
}