Ie6 div 在 18像素以下会出现高度不一致的现象

最新推荐文章于 2021-08-05 12:10:16 发布
最新推荐文章于 2021-08-05 12:10:16 发布
阅读量1.2k 收藏
点赞数
分类专栏： CSS 文章标签： ie div

 

受IE6 line-height 的影响  在DIV 高度 小于 18px下，和IE7，IE8,IE9的高度不一致

 

当有div中有内容的时候设置 line-height 和高度一样可解决


当没有内容的时候 需要设置 overflow：Hidden 解决

 

UTF8编码下 如果文字为中文+数字 那么这个高度是19px，因为中文+数字会比纯中文多占一行像素

beckjin
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
经典的IE6的高度问题-div默认存在3个像素高
12-13
描述：有一个div，宽高都是10px，font-size:12px结果在ie6下这个div的高度竟然是12px,也就是说高度会被字体的尺寸撑开。 这其实是经典的IE6的高度问题。div默认存在3个像素高，由font-size引起的。 所以解决办法有...
【转】IE6 div标签height的Bug
shirlly
06-27 103
首先要看DIV有无内容，然后才会决定谁影响其高度： 1.当DIV为一个空标签的时候：DIV有一个默认的高度（大约20px左右吧），如果hiehgt的值小于这个数字，DIV不会有任何反 应，大于则可以控制；而line-height在这儿根本没有用，因为没有内容，所以也就不存在行高了。 2.当 DIV标签内有内容时（哪怕是一个 ）：DIV的高度依然是默认的（依旧是20px左右），而这时...
IE6下 元素宽度或高度 与其他浏览器不同的原因
renpinghao的专栏
01-17 1839
1 、 当  IE6下Div（一般情况下）高度或宽度与其他浏览器设相同的值，但是显示的效果却不同，不得不用hack来搞定，这时可以在“出问题”的元素父级元素上设置高度或宽 度（与其他浏览器设相同的值），再加上一个overflow:hidden（有时可以不加）。就可以解决了~~~~。
IE8下DIV嵌套出现外层自适应高度(四种解决方法)
蝈蝈工作室
08-19 715
升级了IE8，发现了好些问题，一开始用IE6和IE7都没有的新问题出现了，总归时间有余，就四处查阅解决办法，大概就是以下的四种方法！ 当b1和b2都是float=left时候，a1层的高度不会被b1和b2的高度撑开。(这个现象只有IE8发生，其他
IE8下DIV嵌套出现外层自适应高度
创世宇图 宏图天下
02-26 2082
<br />IE8下DIV嵌套出现外层自适应高度(四种解决方法) <br />升级了IE8，发现了好些问题，一开始用IE6和IE7都没有的新问题出现了，总归时间有余，就四处查阅解决办法，大概就是以下的四种方法！<br /><div id=”a1″><br /><br /><div id=”b1″></div><br /><br /><div id=”b2″></div><br /><br /></div><br /><br />当b1和b2都是float=left时候，a1层的高度不会被b1和b2的高度撑开
html锚点链接IE不兼容,网站出现IE浏览器不兼容的解决方法汇总
weixin_39604045的博客
06-17 271
我们在制作网站时，要求做好的网站在不同的浏览器下显示都是一样的效果，对于像火狐，谷歌浏览器这样的标准浏览器，网站一般很少出现错位的现象。但在低版本IE浏览器下，却会出现很多意想不到的问题和错位。(我们在自己建网站过程中，可以使用网站浏览器兼容测试软件–IETester测试网站兼容性。)下面是学做网站论坛总结的低版本IE浏览器网站不兼容的问题及解决方法，供广大学员在做网站时，检查网站错位时的问题所在...
ie6适配css,IE6与CSS样式兼容问题汇总
weixin_42344395的博客
08-03 296
1、PNG半透明图片的问题虽然可以通过JS等方式解决，但依然存在载入速度等问题，所以，这个上能不要用还是尽量不要用。以达到网站最大优化。2、IE6下的圆角IE6不支持CSS3的圆角属性，比较好的解决方法就是用图片圆角来替代，或者放弃IE6的圆角。3、IE6背景闪烁如果给链接、按钮用CSS sprites作为背景，可能会发现在IE6下会有背景图闪烁的现象。造成这个的原因是由于IE6没有将背景图缓存，...
DIV CSS IE6/IE7/IE8/FF兼容问题汇总
qq_36320160的博客
09-30 167
1.IE8下兼容问题，这个最好处理，转化成ie7兼容就可以。在头部加如下一段代码，然后只要在IE7下兼容了，IE8下面也就兼容了 <meta http-equiv="x-ua-compatible" ...
打印时显示ie6以上服务器,IE6兼容性问题及IE6常见bug详细汇总
weixin_35797900的博客
08-05 215
1、IE6怪异解析之padding与border算入宽高原因：未加文档声明造成非盒模型解析解决方法：加入文档声明2、IE6在块元素、左右浮动、设定marin时造成margin双倍(双边距)解决方法：display:inline3、以下三种其实是同一种bug，其实也不算是个bug，举个例子：父标签高度20，子标签11，垂直居中，20-11=9，9要分给文字的上面与下面，怎么分？IE6就会与其它的不同...
CSS Div 最小高度在IE 6 和IE 7中的兼容性问题
10-30
CSS Div 最小高度在IE 6 和IE 7中的兼容性问题
IE6 div最小高度去除方法以及IE6div垂直居中css样式
09-25
使用CSS定义DIV的高度的时候经常遇到这个问题，就是当DIV的最小高度小于一定的值以后，就会发现Div的高度会固定在一个值不再发生变动，下面有个不错的示例感兴趣的朋友不要错过
CSS HACK收集：在IE6下hack的方法详解
daihaoxin的专栏
01-15 928
原文：http://www.html5cn.org/article-5027-1.html +  针对IE7 * 针对ie6和ie7 _ 针对ie6 最好采用条件注释的方法 本篇文章小编为大家介绍CSS HACK的收集：在IE6浏览器下hack的方法详解。需要的朋友参考下。 　　在IE6 下 　　a标签嵌套img标签IE下会有边框，那是超链接默认的样式，解决办法：img{border...
android手机应用源码Imsdroid语音视频通话源码.rar
05-20
android手机应用源码Imsdroid语音视频通话源码.rar
营销计划汇报PPT，市场品牌 推广渠道 产品 营销策略tbb.pptx
05-20
营销计划汇报PPT，市场品牌 推广渠道 产品 营销策略tbb.pptx
JavaScript_超过100种语言的纯Javascript OCR.zip
05-20
JavaScript
JavaScript_跨平台React UI包.zip
05-20
JavaScript
node-v16.17.0-headers.tar.xz
最新发布
05-20
Node.js，简称Node，是一个开源且跨平台的JavaScript运行时环境，它允许在浏览器外运行JavaScript代码。Node.js于2009年由Ryan Dahl创立，旨在创建高性能的Web服务器和网络应用程序。它基于Google Chrome的V8 JavaScript引擎，可以在Windows、Linux、Unix、Mac OS X等操作系统上运行。 Node.js的特点之一是事件驱动和非阻塞I/O模型，这使得它非常适合处理大量并发连接，从而在构建实时应用程序如在线游戏、聊天应用以及实时通讯服务时表现卓越。此外，Node.js使用了模块化的架构，通过npm（Node package manager，Node包管理器）,社区成员可以共享和复用代码，极大地促进了Node.js生态系统的发展和扩张。 Node.js不仅用于服务器端开发。随着技术的发展，它也被用于构建工具链、开发桌面应用程序、物联网设备等。Node.js能够处理文件系统、操作数据库、处理网络请求等，因此，开发者可以用JavaScript编写全栈应用程序，这一点大大提高了开发效率和便捷性。 在实践中，许多大型企业和组织已经采用Node.js作为其Web应用程序的开发平台，如Netflix、PayPal和Walmart等。它们利用Node.js提高了应用性能，简化了开发流程，并且能更快地响应市场需求。
在竖着的高度为100%的div用hover，网页就会出现进度条吗
07-16
:hover 伪类是用来选择鼠标悬停在元素上的状态，它并不会直接触发滚动行为或改变元素的尺寸。 滚动条的出现取决于内容是否超出了元素的可见区域。如果 div 元素的内容超出了其高度，那么浏览器会自动生成滚动条来...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值