虽然您在CSS中不能说“高度：100％减去一些像素”，但可以将iframe设置为100％高，然后使用填充将其顶部向下推。然后，您可以利用CSS3的box-
sizing属性使填充物从高度中减去。
这个：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html><head> <title>test</title> <style type="text/css"> 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; } </style></head><body> <iframe src="http://www.google.com/"></iframe> <div id="bar">foo</div><body></html>适用于IE8，Moz，Op，Saf，Chrome。对于不支持框大小调整的浏览器（特别是IE
7以下版本），您必须继续使用Javascript后备广告来使多余的滚动条消失。
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）