内嵌iframe撑高父容器,底部有4px留白问题解决办法

 由于iframe是特殊标签,

1,iframe默认是块元素,其display样式默认值是block
2,frame应该说即不是块元素也不是行内元素,它虽然有display样式,但其默认值是none
3,frameset不是块元素也不是行内元素,因为frameset不能出现在body之内,而且也没有display样式.
4,frameset标签下只能使用frame标签而不能是iframe标签,iframe标签只能使用在非frameset的页面中,但是包含iframe的页面可以显示在frame中.

所有有其特殊性;要解决此问题,可将iframe设置为display:block    或者 vertical-align: bottom;

posted @ 2019-02-25 10:52  大棒子  阅读(1217)  评论(0编辑  收藏  举报