gpt4 book ai didi

html - iframe 到达页面底部

转载 作者:太空狗 更新时间:2023-10-29 14:11:24 25 4
gpt4 key购买 nike

有没有办法让 <iframe> 的高度正好到达页面底部?用height:xx%很难判断,它可能取决于浏览器。

代码如下:

<!DOCTYPE html>
<html>
<body style="margin:0">
<p style="margin:10px"> hello </p>
<iframe src="http://www.weather.com" style="width:100%; height:95%"></iframe>
</body>
</html>

最佳答案

使用JavaScript/jQuery,可以为IFRAME元素精确设置合适的维度,无需访问frame本身的DOM(跨域问题),依赖tables或absolute定位(如果框架上方的内容在高度上是动态的则无用):

$(function() {
var aboveHeight = $("#aboveFrame").outerHeight(true);
$(window).resize(function() {
$('#frame').height( $(window).height() - aboveHeight );
}).resize();
});

示例:http://jsfiddle.net/hongaar/jsdYz/

关于html - iframe 到达页面底部,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13146793/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com