请参阅的高度,以这种http://jsfiddle.net/7wt8L/1/股利不占用IFRAME
我想在我没有指定任何高度一个div嵌入一个iframe。我期望iframe填满div,但div底部有一些空间。
我知道如何让div取iframe的高度,但我很好奇为什么当我没有指定黄色div的高度时,在黄色div底部有空格。我也有点困惑,给iframe一个属性display:block
允许div也取得了iframe的高度。
请参阅的高度,以这种http://jsfiddle.net/7wt8L/1/股利不占用IFRAME
我想在我没有指定任何高度一个div嵌入一个iframe。我期望iframe填满div,但div底部有一些空间。
我知道如何让div取iframe的高度,但我很好奇为什么当我没有指定黄色div的高度时,在黄色div底部有空格。我也有点困惑,给iframe一个属性display:block
允许div也取得了iframe的高度。
默认情况下,内联框架为display: inline
。内联元素可能会受到很多因素的影响,包括line-height
,vertical-align
等。尝试将iframe的父级设置为line-height
为0,您将看到边距将消失。 http://jsfiddle.net/7wt8L/2/
如果您不希望这些面向文本的属性影响您的元素,请改为使用display: block;
。
iframes display inline
默认情况下。
所以,如果你要与margin: auto;
(因为你没有设置保证金,所以默认margin : auto
),你将需要添加display: block
;以及。
此外,对于自动页边距的工作,必须在iframe
(您所做的)上设置明确的宽度。