发源地·开源项目分享社区

 找回密码
 立即注册
查看: 1820|回复: 0
收起左侧

[其他综合] iframe设置高度无效的解决方法

[复制链接]

活雷锋

329

主题

1359

帖子

2667万

积分

管理员

最佳新人活跃会员热心会员推广达人宣传达人灌水之王突出贡献优秀版主荣誉管理论坛元老

UID
1
性别
银票
8889541
铜板
8892050
钢镚
8897155
好友
2
记录
1
日志
0
相册
54
帖子
1359
主题
329
精华
116
分享
0
注册时间
2019-5-13
最后登录
2021-1-3
在线时间
376 小时
卖家信用
买家信用
听众
1
收听
1
居住地
江苏省 苏州市 太仓市 太仓经济开发区
职业
山贼
自我介绍
他们都是叛徒,但我从没恨过他们...
兴趣爱好
IT/互联网/硬件/软件
发表于 2020-8-17 12:48:47 | 显示全部楼层 |阅读模式

马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
作者:G.flower
时间:2020-08-17
============
今天遇到一个页面需要将iframe嵌入页面的高度设置为自适应,想到了iframe不支持百分比的问题,但是记得之前有过一个源码是做到了iframe百分比的,于是我就找了老半天去对比文件,最终发现问题所在有两点:
1.HTML的W3C标准,需要4.0的
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
复制代码
2.父页面的html和body标签必须是百分比,这样iframe被当做是子页面继承百分比,但是依然需要在iframe标签内设置相应的百分比,如果不设置的话是默认100%高度,如果在iframe上一层没有padding或margin值的话,可能会在iframe上面右边距的情况下底部却铺满了,设置一下百分比可以规避这个问题。
哎...今天够累的,签到来了4...
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|Archiver|手机版|小黑屋|kedoutd.cn|wdc.store|fll.store|zuz.store|newbe.wang|pvp.store ( 苏ICP备14054272号 )

GMT+8, 2021-3-5 17:49

Powered by Discuz! X3.4

© 2001-2017 Comsenz Inc.

快速回复 返回顶部 返回列表