美文网首页
iframe定高情况下,背景颜色的设置问题

iframe定高情况下,背景颜色的设置问题

作者: MMMMQI | 来源:发表于2018-12-25 23:17 被阅读0次

    实习的公司项目还在用iframe,因为不太熟悉这个,遇到了一些问题,记录一下。

    项目里的iframe是一个有高度的容器。里面的内容可能不会充满页面,也可能超出iframe的高度,出现滚动条。

    只在body上设置background-color的情况下,如果iframe没有被充满,iframe内html的高度只有内容那么高,留白的部分会显示默认颜色,而不是body的背景色。

    尝试之后发现,给子页面html和body标签添加min-height=100%可以解决。

    这样设置之后最小高度充满父容器,在内容不够多的情况下撑开高度,在内容超过iframe高度的情况下也正常适应。

    相关文章

      网友评论

          本文标题:iframe定高情况下,背景颜色的设置问题

          本文链接:https://www.haomeiwen.com/subject/exfclqtx.html