霍者博客

utf8编码下iframe高度100%后右侧出现垂直导航条的问题解答

今天在做一个网站的时候发现一个问题就是在gbk2312编码下,这是iframe高度为100%后,正好满屏,不出现垂直的导航条,但是在UTF8下同样的设置却会出现垂直导航条,具体的为什么gbk2312下不出现,这个我没找到原因所在,但是UTF8编码下的问题却解决了。

iframe是内联元素(inline),iframe后面有个看不见摸不着的行内空白节点,空白节点占据着高度,iframe与空白节点的基线对齐,导致了div被撑开(这是图片也底部也会出现3个像素左右的空档是一样的原因:图片在DIV中产生底部间隔的解决方法)。

方法1:

设置iframe 的vertical-align:top;

方法2:

设置父div的font-size:0;,从而影响空白节点的line-heigh:0;

方法3:

把iframe改为块级元素display:block;

原创文章请注明转载自霍者博客本文地址:http://www.huozheweb.com/post/777.html,标题:utf8编码下iframe高度100%后右侧出现垂直导航条的问题解答

【我来说两句】
分享到:

相关文章:


CSS4激动人心的新特性及浏览器支持度  (2017-3-6 7:0:0)

CSS font-weight 属性  (2017-1-25 6:8:17)

只使用CSS如何禁止选中文字,而不是JS  (2016-12-26 7:11:36)

如何设置CSS里元素垂直居中效果  (2016-12-20 6:14:14)

CSS实现多行文本溢出显示省略号  (2016-12-12 5:0:22)

CSS样式表知识点回顾  (2016-4-24 8:7:20)

CSS​样式文件命名规范  (2016-4-21 9:49:45)

word-wrap&word-break的区别  (2016-4-18 11:0:26)

CSS盒子浮动 float  (2016-4-17 10:9:14)

CSS空间定位z-index空间定位  (2016-4-17 8:20:0)


评论 0

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

    1.nvbew  2020-09-23 11:04:05 回复
    拼多多空包 88单号网 全国任意发货 24小时自助下单www.88danhw.com