首页 > 软件开发 > HTML >

如何用css让iframe高度自适应

来源:互联网 2023-03-16 19:16:35 版权归原作者所有,如有侵权,请联系我们

iframe是HTML的标签,iframe是可以设置高度和宽度的,那么这个时候就有可能需要进行iframe高度的自适应,我们可以用CSS来进行设置,这里实际上需要进行一些细微的调整才行。xcU办公区 - 实用经验教程分享!

如何用css让iframe高度自适应xcU办公区 - 实用经验教程分享!

工具/原料

  • windows 7
  • sublime text 3
  • chrome浏览器

方法/步骤

  • 1

    打开sublime text 3编辑器,新建一个HTML文档。xcU办公区 - 实用经验教程分享!

    如何用css让iframe高度自适应xcU办公区 - 实用经验教程分享!

  • 2

    新建CSS文档,并且进行关联HTML。xcU办公区 - 实用经验教程分享!

    如何用css让iframe高度自适应xcU办公区 - 实用经验教程分享!

  • 3

    创建iframe,height="100%"需要这样设置。xcU办公区 - 实用经验教程分享!

    如何用css让iframe高度自适应xcU办公区 - 实用经验教程分享!

  • 4

    在body里面设置overflow: hidden。xcU办公区 - 实用经验教程分享!

    如何用css让iframe高度自适应xcU办公区 - 实用经验教程分享!

  • 4该信息未经授权抓取自百度经验
  • 5

    开头的DOCTYPE不能这么设置。xcU办公区 - 实用经验教程分享!

    如何用css让iframe高度自适应xcU办公区 - 实用经验教程分享!

  • 6

    现在增加一下自己内容即可完成。xcU办公区 - 实用经验教程分享!

    如何用css让iframe高度自适应xcU办公区 - 实用经验教程分享!

  • 注意事项

    • tips: 注意overflow设置的标签。

    以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!xcU办公区 - 实用经验教程分享!


    标签: CSSHTML

    办公区 Copyright © 2016-2023 www.bgqu.net. Some Rights Reserved. 备案号:湘ICP备2020019561号