html填充整个iframe,html – iframe 100％的身体内部的高度与填充

虽然您不能在CSS中说“height：100％minus some pixels”，但是可以使iframe为100％高，然后使用padding将其向上推。然后，您可以利用CSS3 Box-sizing属性使填充从高度减去。

这个：

test

html,body { margin: 0; padding: 0; height: 100%; }

#bar { height: 32px; background: red; }

iframe {

position: absolute;

top: 0; left: 0; width: 100%; height: 100%;

border: none; padding-top: 32px;

Box-sizing: border-Box; -moz-Box-sizing: border-Box; -webkit-Box-sizing: border-Box;

}

foo

适用于IE8，Moz，Op，Saf，Chrome。您必须继续使用JavaScript回退，使额外的滚动条消失为不支持框尺寸的浏览器(特别是IE最多7)。