iframe不能嵌套div

在浏览器缩放的时候，div用position：relative就可以保证在缩放的时候位置不会变形&移动等等

但是iframe使用position：relative的时候会产生变形、移动等情况。经过试验，我估计是是浏览器对iframe和div解析不一样，

div被认为是标准的块级元素，iframe可能被认为是窗口元素（我瞎编的 @@）。。

要让iframe在浏览器缩放的时候不产生变形、移动等情况。将其设置为position：absolute即可~~~~

转载于:https://www.cnblogs.com/strangerqt/archive/2013/04/08/3007141.html

iframe 与div相关推荐

  1. 支持iframe的div分隔线插件

    支持iframe的div分隔线插件重jquery.splitter修改而来支持iframe解决鼠标响应问题主流浏览器测试通过使用方法 <!DOCTYPEhtml><html>& ...

  2. iframe弹出层中关闭包含iframe的div（子页面调用父页面js函数）

    父页面: <div id="win2" style=" width:300px; height:200px; border:1px solid red;" ...

  3. css鼠标拖拉卡顿_vue中解决拖拽改变存在iframe的div大小时卡顿问题

    写在最前 针对于在vue中实现拖拽改变两左右个div大小的方式,请查看上一篇文章<vue中实现拖动调整左右两侧div的宽度>.此文章主要针对于实际应用中需要拖拽改变大小的组件中使用ifra ...

  4. div iframe 显示html,IE中iframe标签显示在DIV之上的问题解决方案

    在做网页时前端时,使用IE打开时会出现标题栏DIV被遮挡PDF遮挡, 后在stackoverflow中查到是IE浏览器的问题:链接https://stackoverflow.com/questions ...

  5. html div 嵌套 iframe,iframe嵌套页面自适应

    iframe内嵌怎么自适应 怎么让iframe自适应浏览器的高度和宽度 在文件夹里创建两个html文件,一个"index"一个"iframe". 在index中 ...

  6. div及iframe滚动条固定为最底端

    该例程可以实现iframe和div的滚动条固定到最底端. <!DOCTYPE> <html> <head><meta http-equiv="con ...

  7. 在可编辑div中插入文字或图片的问题解决思路

    最近在网上碰到一个人问了我一个问题,在可编辑div中插入文字或者图片.因为web在线编辑器我从来只是用,基本不会去研究源代码.后来正好一个在线聊天web项目中也要用到这个功能,我就特地看看了代码. 基 ...

  8. 为iframe添加鼠标事件

    1.关于iframe标签 使用iframe元素会创建包含另外一个文档的内联框架(即行内框架).所以我们可以使用iframe标签,在一个页面嵌入另一个页面.通过指定iframe的src为另一个页面的路径 ...

  9. layer iframe层的使用，传参

    父层 <div class="col-xs-4 text-left" style="padding-left: 50px;"><button ...

最新文章

  1. 当钢铁直男去应聘...... | 每日趣闻
  2. 使用FoundationDB高效地将SQL数据映射到NoSQL存储系统中
  3. 新手福利：免费百页机器学习入门书
  4. linux中mysql如何删除库,Linux环境下MySQL基础命令（2）----查看、创建、删除库和表...
  5. 【POJ】2387 Til the Cows Come Home
  6. 视觉SLAM笔记（42） 光流法跟踪特征点
  7. 剑指offer之 从尾到头打印链表
  8. Flutter 进阶系列篇
  9. 过拟合的含义、出现原因及解决方案
  10. socat使用指南：3:5种常见的使用方法
  11. erp采购总监个人总结_ERP采购总监总结
  12. 乐谱xml文件转为VOCALOID3的输入文件格式vsqx
  13. ASP.NET学习笔记（二）——一般处理程序之图片上传
  14. 一键重装系统 韩博士装机大师U盘启动一键重装
  15. keras 中adam_ADAM电影中的照明技巧和窍门
  16. 虚拟机vmware12pro中安装win7系统时，点击一键安装win7到c盘就会出现dos工具箱
  17. 【算法】第三届全国大学生算法设计与编程挑战赛（冬季赛）
  18. 糖尿病合并高血压高龄奥密克戎感染重症、危重症患者诊疗建议 v0（手稿）
  19. 点到平面的距离(最短距离)
  20. Java 多线程实现和尚吃馒头的问题

热门文章

  1. Linux下coredump调试1：使用
  2. 寄存器位域、位操作等示例
  3. 2个oracle文件导入报错处理
  4. java web 编程技术 pdf_Java WEB编程技术.pdf
  5. sourcetree 推送找不到bash.exe_找旅伴 | 周末轻旅行
  6. 【Flink】requested virtual cores for application master 1 exceeds the maximum number of virtual cores
  7. 【Flink】HttpClient 报错 I/O SocketException caught when processing request to Connection Reset
  8. 【hortonworks/registry】registry源码主类该怎么运行
  9. 【kafka】kafka_2.11-1.1.0 配置 SASL_PLAINTEXT 认证方式
  10. SpringBoot : BeanFactory和FactoryBean的区别