博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
关于iFrame高度小于父元素DIv3~5px的解决方案
阅读量:6818 次
发布时间:2019-06-26

本文共 432 字,大约阅读时间需要 1 分钟。

最近在使用iframe时候遇到一个不大不小的问题:用一个div包裹一个iframe,但无论如何,div的高度都比iframe高了4px。百思不得其解,后来在网上多方查找,才发现问题的根源所在。

那么究竟是什么问题导致了这个情况的发生呢?没错,就是应为它;请看!

当然有问题就要解决,解决的具体方案就是给iframe添加属性:vertical-align:bottom;或者display:block; 

原理就是:

vertical-align:bottom;表示把元素的顶端与行中最低的元素的顶端对齐。即是以元素底线作为与父元素垂直对齐的基线。

display:block;表示将元素转换为块级元素。iframe本身是一个内联框架,他本身是从div中分出了一部分空间,作为自己的空间,而将其转换为块级对象时,他就会自己从新的一行开始显示内容,而不依赖于div。

转载于:https://juejin.im/post/5ad071516fb9a028d701056b

你可能感兴趣的文章
流媒体技术学习笔记之(八)海康、大华IpCamera RTSP地址和格式
查看>>
[React] Test friendly approach
查看>>
MySQL InnoDB 引擎的持久性与性能
查看>>
java------HashMap与HashSet的区别
查看>>
GaugeControl 之 DigitalGauge
查看>>
Mysql之sql语句操作
查看>>
C#中按模板操作Word —— 如何向Word中插入图片
查看>>
Linux设备驱动--块设备(三)之程序设计
查看>>
【前端】:jQuery下
查看>>
安卓解析 json 4种格式 全解析
查看>>
asd
查看>>
北斗有 35 颗卫星,而 GPS 有 24 颗卫星,为什么二者数量不同?
查看>>
java中的类、成员变量、方法的修饰符。
查看>>
.NET Core配置文件加载与DI注入配置数据
查看>>
JAVA_StandardServer await create[8005]怎么办
查看>>
servlet与CGI的区别
查看>>
【Spring】3、BeanFactory 和 ApplicationContext的区别
查看>>
Sharpdevelop如何在项目中添加类文件
查看>>
百科知识 手机QQ的视频如何保存
查看>>
使用MySQL Workbench建立数据库,建立新的表,向表中添加数据
查看>>