IE6下div存在默认最小高度 = 设定的字体大小高度

最新推荐文章于 2021-05-31 08:17:33 发布
最新推荐文章于 2021-05-31 08:17:33 发布
阅读量1.6k 收藏
点赞数
分类专栏： CSS 文章标签： ie div 测试 浏览器
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/hb0746/article/details/6450366
版权

今天改一个去年项目中的网页，因为现在电脑网页都换成IE8了，调试后在IE6测试发现有部分div出现超出设定高度很多，这些div特点是内容为空。

 

经过反复测试，发现IE6div中最小高度就是页面的字体大小的高度。

IE6：

 

   font-size:14px;

  <div></div>中最小高度就是这个字的大小高度。

 

 

IE8不会出现这种问题。

 

晕！IE6真的要淘汰了，但是现在做网页还要考虑至少4种浏览器，IE8，IE7，IE6，FF

hb0746
关注
专栏目录
IE6 div最小高度去除方法以及IE6div垂直居中css样式
09-25
在某些情况下，当你试图设定一个`div`的最小高度（通过CSS的`min-height`属性），IE6并不会按照预期工作，而是固定在一个特定的高度。这是因为IE6不支持标准模式下的`min-height`属性，而是使用了一个名为`hasLayout...
IE6下CSS定义DIV高度的问题
12-02
通常，当你尝试将一个DIV的高度设置为非常小的值（如4px），IE6浏览器并不会完全遵循这个设定，而是将其高度固定在大约12像素左右。这是因为IE6对某些CSS属性的处理方式与标准浏览器不同，特别是与字体大小（`font-...
在IE6，IE7 中DIV容器固定高度的使用技巧
东亮博客
07-12 961
IE6和IE7对CSS的解释存在很多差别，今天谈其中一点：height。 例子： IE6下：如果DIV里的内容高度不超过50px，DIV的高度就是50px，如果超过了设定的值，高度会随内容而撑开，也就是通常说的自适应高度。 IE7下：如果DIV里的内容高度不超过50px，DIV的高度就是50px，如果超过了设定的值，DIV的高度仍会固定在50px，多余的内容会超过DIV而溢出，如果D
ie6bug----ie6默认的最小高度是设定字体的高度
weixin_34395205的博客
11-22 69
ie6bug----ie6默认的最小高度是设定字体的高度， 而一般网页默认的字体是12px；所以，在没有另外设置字体的情况下，如果要给某个标签设置高度小于12px，则，需要单独给这个标签设置_font-size:1px;(或者设置0px等等。) .corner{ width:10px; height:10px; background:url(images/corner_opacity.png)...
IE6 下 DIV 最小高度不能为 0 的解决方法
退思园
02-03 606
在网页布局时常会用到 DIV 来显示一些边角背景，需要设置较小的高度，默认情况下，IE6 中设置 DIV 较小高度会不起作用，在 IE7、FF 等浏览器不存在这个问题。IE6 下默认的字体尺寸大致在 12 - 14px 之间，当你试图定义一个高度小于这个默认值的 DIV 的时候， IE6 会固执的认为这个层的高度不应该小于字体的行高。所以即使你用 height:5px; 来定义了一个 DIV
html改变文字最小高度,让文字不超过固定宽度和高度怎么设置？
weixin_33622032的博客
05-31 390
在制作DIV+CSS页面时候我们常常会遇到文字超出固定的高度也叫内容溢出，等到我们做完整个页面时候内容添加上了后，发现有些地方文字超过了边框内容溢出，甚至文字跑出CSS设置的边框线。首先我们设置类如：.STYLE1 { width:150px; height:80px;color: #000000; border:1px solid #FF0000;}，而文字我们也不知道需要多少个文字才刚好不超过...
ie6兼容问题-最小高度
一步步进步的前端
12-19 843
height:auto!important;  height:500px;  min-height:500px; min-height:100px;这一句在ie7和FF已经可以正常显示了。。_height:100px这一句在ie6测试显示正常
CSS调整DIV最小高度问题探讨
09-25
如果没有明确设置`div`的`font-size`属性，浏览器会根据默认的字体大小来决定`div`的最小高度。这是因为浏览器会为`div`内的文本设定一个基础的行高，即使我们没有指定`font-size`，浏览器也会假设一个默认值（这...
浏览器内核 ，过滤器和IE6下最小高度的设置
qq_33221699的博客
12-02 286
1.有哪些浏览器，     他们的内核 和 css3前缀分别为什么（至少4个）      名称    内核       前缀 IE       Trident    -ms- 谷歌    Webkit    -webkit- 火狐    Gecko    -moz- 欧朋    Presto    -o- 1.过滤器： (1)_ 在属性前面添加，表示ie6以下的浏览器识别         (2...
css中调整高度充满_我想让文字可以填满一个div，设置高度之后，应该如何设置字体大小，...
weixin_39732316的博客
01-17 1763
每次设置字体大小的时候，div都会随着字体大小变化我想让字体填满这个高度为30的div，字体大小怎么设置？styleSet={{height: '30px',lineHeight: '30px',position: 'absolute',fontSize: '36px',left: '589px',color:'#FFFFFF',top: '215px',width: '150px',//back...
IE6不支持min-height的解决办法
weixin_34387284的博客
10-26 110
本文和大家重点讨论一下IE6不支持min-height的解决办法，这里主要包括两种解决方案，相信本文介绍一定会让你有所收获。 IE6不支持min-height的解决办法 最小高度min-height是很有用的，但IE6却不支持。真烦人。有没有办法呢？ 第一种方法：我们可以利用IE6不识别!i...
Html有关字体大小粗细的相关知识(Hbuilder)
热门推荐
babytowhere的博客
02-23 1万+
1.  一个普通字体默认大小为16px;1em=1个汉字大小。当默认大小由于font-size而改变时，1em就相当于是一个新的字体的大小了。 2..标签字体大小为32.5px,；标签字体大小为24.5px,；标签字体大小为19px,；标签字体大小为16.5px,；标签字体大小为13.5px,；标签字体大小为12.25px。当然，还带加粗效果。       3.font-weight没有单位，
ie6兼容性问题详解
qq_38921817的博客
12-07 381
1. IE6及以下浏览器元素高度存在默认最小高度（18px以下），当你试图定义一个高度小于这个默认值的 div 的时候， IE 会固执的认为这个层的高度不应该小于字体的行高 触发： 当你元素设置高度小于默认高度 解决办法：  （1）可以给该元素设置overflow: hidden; 给超出的高度隐藏  （2）可以设置元素字体大小像素为0，但是存在默认高度2px,依然配合overflow:
如何修改HBuilder中字体大小
qq_36317441的博客
02-13 1万+
点击视图，你就可以看到放大字体和缩小字体的快捷键。
链接外部的css或js文件名后带问号(?)参数的作用 .js? .css?
hb0746的专栏
07-22 3226
如下所示：问：上面链接外部的css或js文件名后跟了一个“?”，并带上一个参数，作用是什么呢？答：js或css带参数,是为了避免旧的浏览器缓存继续生效；特别是在大型站中随时可能会更改局部css文件，为了避免浏览器刷新而继续使用旧的CSS缓存文件，在使用时往往会带上一个动态参数。
padding 对外容器宽度的影响
hb0746的专栏
05-17 1910
<br />例如padding-left:20px;<br /> <br />如果外容器div设置了宽度80，加上padding效果后，容器实际宽度是:100px<br /> <br />所以设置padding-left后请手动修改外容器宽度，以免超出
控制span的width属性且不换行
hb0746的专栏
12-06 1258
<br />span标记的样式设定width属性，会发现不会产生效果。<br />果设置display:block，width属性生效，但是此时的span跟div一样了。<br />如果设置display:inline-block，则span并列在同行，而且width属性生效。<br />元素display属性的常见值说明：<br />block：块对象的默认值。将对象强制作为块对象呈递，为对象之后添加新行。<br />inline：内联对象的默认值。将对象强制作为内联对象呈递，从对象中删除行。<br />
CSS盒子模式详解：解决IE6下1px高度容器问题
这个问题主要在Internet Explorer 6（IE6）下尤为突出，原因是IE6默认的行高设置。当试图设置一个非常低的高度，如1px时，由于默认行高的影响，实际显示的高度可能会大于设定值，导致布局出现问题。 解决这个问题的...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值