自适应高度div内嵌iframe高度被撑开问题解决打赏
标题有点长,就想表达一个意思,div自适应的情况下,内部嵌入iframe,iframe边框什么的全部设置0,本以为外层div可以完美自适应,结果div在不同浏览器却生生多出3-5个像素的高度。
找了下相关文章,发现确有此问题,有人说用负的margin值,可终究不完美,终极完美解决方案竟然是给iframe加display: block,或者vertical-align: bottom。
效果如图所示:
默认情况下,设置500px高度
上级容器wrapper高度503px
而设置iframe为block后(或者vertical-align: bottom),上级容器wrapper恢复500px高度
- 固定链接:https://www.poorren.com/auto-height-div-iframe-problem-fixed
- 文章标签:div,iframe,自适应高度
- 扫二维码:自适应高度div内嵌iframe高度被撑开问题解决
- 版权所有:除"转载分享"分类外,未经注明,均为原创、整理,转载请注明出处。
不错,受教了~好~萌菌网www.moejun.tv/