如何解决CSS:填满屏幕其余部分的iFrame不会被div填充为常数
| [解决了] 因此,我在页面顶部有一个高度恒定的div,并且我想在它下面放置一个iFrame来填充页面的其余部分。 Google图片和LinkedIn的功能非常相似 请参阅:http://www.linkedin.com/share?viewLink=&sid=s420444224&url=http%3A%2F%2Flnkd%2Ein%2FcnjYt4&urlhash=ZGYM&pk=nprofile-view-success&pp=1&poster=22330283&uid=5484658853024890880&trk_REUS_UNI 。 这是我现在拥有的CSS代码:#header {
height: 60px;
float: top;
position: absolute;
}
#iframe {
margin-top:61px;
float: bottom;
position: absolute;
}
另外,在HTML中,我将iFrame的宽度设置为99%,高度设置为90%。
但这不是很好。我只希望iFrame具有滚动条,但是随着我开始减小窗口大小,它的一部分变得被隐藏了(很少)。结果,出现第二组滚动条。顺便说一下,这是我在尝试解决该问题时提到的上一个SO问题:CSS两个div彼此相邻
有人知道如何重新创建LinkedIn在CSS中的功能吗?
解决方法
我通常会求助于javascript。
使用jquery库,您可以以非常简单的方式执行以下操作。
$().ready(function() {
$(\'#iFrame\').height($(window).height() - 62);
});
$(window).resize(function() {
$(\'#iFrame\').height($(window).height() - 62);
});
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。