2014-04-20 53 views
0

请参阅的高度,以这种http://jsfiddle.net/7wt8L/1/股利不占用IFRAME

我想在我没有指定任何高度一个div嵌入一个iframe。我期望iframe填满div,但div底部有一些空间。

我知道如何让div取iframe的高度,但我很好奇为什么当我没有指定黄色div的高度时,在黄色div底部有空格。我也有点困惑,给iframe一个属性display:block允许div也取得了iframe的高度。

回答

1

默认情况下,内联框架为display: inline。内联元素可能会受到很多因素的影响,包括line-heightvertical-align等。尝试将iframe的父级设置为line-height为0,您将看到边距将消失。 http://jsfiddle.net/7wt8L/2/

如果您不希望这些面向文本的属性影响您的元素,请改为使用display: block;

0

iframes display inline默认情况下。

所以,如果你要与margin: auto;(因为你没有设置保证金,所以默认margin : auto),你将需要添加display: block;以及。

此外,对于自动页边距的工作,必须在iframe(您所做的)上设置明确的宽度。