html - div不占用iframe的高度

Question

请引用这个http://jsfiddle.net/7wt8L/1/

我尝试在未指定任何高度的 div 中嵌入 iframe。我希望 iframe 填满 div，但 div 底部有一些空间。

我确实知道如何让 div 占据 iframe 的高度，但我很好奇为什么在我没有指定黄色 div 的高度时黄色 div 的底部会有空间。我也有点困惑，为 iframe 提供 display:block 属性允许 div 也采用 iframe 的高度。

Answer 1

Iframe 默认是 display: inline。内联元素会受到很多因素的影响，包括 line-height、vertical-align 等。尝试将 line-height 设置为 0 iframe 的父级，您会看到边距将消失。 http://jsfiddle.net/7wt8L/2/

如果您不希望那些面向文本的属性影响您的元素，请改用 display: block;。