iframe定高情况下,背景颜色的设置问题
2018-12-25 本文已影响0人
MMMMQI
实习的公司项目还在用iframe,因为不太熟悉这个,遇到了一些问题,记录一下。
项目里的iframe是一个有高度的容器。里面的内容可能不会充满页面,也可能超出iframe的高度,出现滚动条。
只在body上设置background-color的情况下,如果iframe没有被充满,iframe内html的高度只有内容那么高,留白的部分会显示默认颜色,而不是body的背景色。
尝试之后发现,给子页面html和body标签添加min-height=100%可以解决。
这样设置之后最小高度充满父容器,在内容不够多的情况下撑开高度,在内容超过iframe高度的情况下也正常适应。