请引用这个http://jsfiddle.net/7wt8L/1/
我尝试在未指定任何高度的 div 中嵌入 iframe。我希望 iframe 填满 div,但 div 底部有一些空间。
我确实知道如何让 div 占据 iframe 的高度,但我很好奇为什么在我没有指定黄色 div 的高度时黄色 div 的底部会有空间。我也有点困惑,为 iframe 提供 display:block
属性允许 div 也采用 iframe 的高度。
最佳答案
Iframe 默认是 display: inline
。内联元素会受到很多因素的影响,包括 line-height
、vertical-align
等。尝试将 line-height
设置为 0 iframe 的父级,您会看到边距将消失。 http://jsfiddle.net/7wt8L/2/
如果您不希望那些面向文本的属性影响您的元素,请改用 display: block;
。
关于html - div不占用iframe的高度,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23179037/