`

关于 IE6 中 div 最小高度 为18px

阅读更多

div高度不能小于18的问题,

 

原因:  ie默认的字体大小的问题,

 


要解决这个问题,可以强制定义该 div 的字体尺寸,或者定义 overflow 属性来限制 div 高度的自动调整

比下:

 

<div style="height: 6px; font-size: 0;"></div>或者<div style="height: 6px; overflow: hidden;"></div> 

该问题在 IE7 / Firefox /Opera 下均不存在。

分享到:
评论
1 楼 Shrek82 2010-01-20  
这个问题终于解决了,谢谢~

相关推荐

    div控制最小高度又自适高度

    `,并且对于`min-height`属性的支持也不完全,所以这个设置确保在IE6中,`div`有一个最低的高度限制,即100px。 最后,`min-height: 100px;`在IE7、Firefox以及其他支持`min-height`属性的浏览器中起作用,它定义了...

    最小高度能自适应高度IE.FF全兼容的div设置.rar

    标题"最小高度能自适应高度IE.FF全兼容的div设置.rar"和描述"最小高度能自适应高度IE.FF全兼容的div设置"所指向的知识点,主要涉及到CSS(层叠样式表)中的最小高度(min-height)属性以及如何实现跨浏览器的兼容性...

    如何设置 div 的最小高度.docx

    然而,在 Internet Explorer 6 (IE6) 这个古老的浏览器版本中,设置 `div` 最小高度会遇到一些特定的问题。 ### IE6 的默认行为 在 IE6 中,`div` 的高度并不是像其他现代浏览器那样完全可定制的。IE6 有一个默认的...

    ie6,ie7div高度兼容代码

    ` 则是一个专为IE6设计的Hack,它确保了即使是在IE6中,div元素也能保持正确的高度。 然而,值得注意的是,在IE7中,虽然它能够识别`min-height`属性,但为了确保在所有IE版本中的高度一致性,我们仍需要额外的Hack...

    IE6 div最小高度去除方法以及IE6div垂直居中css样式

    本篇文章将探讨两个在IE6中常见的问题及其解决方案:去除div最小高度限制和实现div垂直居中。 首先,让我们解决IE6中的div最小高度问题。在IE6中,当尝试设置一个较小的高度(如3px)时,div的实际高度可能不会按照...

    经典的IE6的高度问题-div默认存在3个像素高

    描述:有一个div,宽高都是10px,font-size:12px结果在ie6下这个div的高度竟然是12px,也就是说高度会被字体的尺寸撑开。 这其实是经典的IE6的高度问题。...IE6 div最小高度去除方法以及IE6div垂直居中css样式

    DIV+CSS相对IE6、IE7和IE8的兼容问题

    例如,为body下的一个div指定特定的类,然后使用条件注释或`expression`来在IE下实现最小宽度,如`width:e-xpression (document.body.clientWidth &lt;600? "600px": "auto" )`。 最后,当左右两个浮动元素相邻时,IE...

    CSS Div 最小高度在IE 6 和IE 7中的兼容性问题

    但是,在IE6中,如果`&lt;div&gt;`的高度小于10px,就会出现显示不正确的情况,这与表格元素的渲染方式有些相似。这一问题严重影响了网站在不同浏览器之间的兼容性和用户体验。 #### 解决方案 针对这个问题,有几种常见...

    div错位解决IE6IE7IE8样式不兼容问题

    - **调整`margin`值**:为了修复IE6中div错位的问题,可以尝试调整div的`margin`值,例如:`style="margin-left:-5px;"`,这样可以稍微向左移动元素以修正错位现象。 - **使用条件注释**:条件注释是一种只被IE识别...

    div+css最小高度的实现代码(兼容ie6/ie7/ie8/firefox)

    可是当发布者发布的内容比较少的时候,比如只有一行字,那内容部分就变的很小,不美观,可是我们直接设置一个高度的话,当内容很多时又会溢出,今天研究了一下兼容各浏览器设置DIV最小高度的方法,拿来分享。...

    IE6下CSS定义DIV高度的问题

    通常,当你尝试将一个DIV的高度设置为非常小的值(如4px),IE6浏览器并不会完全遵循这个设定,而是将其高度固定在大约12像素左右。这是因为IE6对某些CSS属性的处理方式与标准浏览器不同,特别是与字体大小(`font-...

    div+css 解决ie6兼容问题总汇

    7. **最大高度**:在IE6中设置最大高度可通过JavaScript实现,根据元素的`scrollHeight`判断并设置合适的高度。可以封装成函数,方便重复使用。 8. **100%高度**:IE6要求元素的父级都设置了具体高度,才能实现100%...

    CSS调整DIV最小高度问题探讨

    在老版本的IE浏览器(尤其是IE6)中,可能需要使用`_height`或`*height`这样的私有属性来模拟`min-height`的效果。然而,对于现代浏览器,`min-height`是广泛支持的。 总结来说,`div`的最小高度主要受其内容和`...

    DIV CSS 网页兼容全搞定 IE6 IE7 IE8 IE9 火狐 谷歌

    2. **浮动元素的margin加倍问题**:在IE6中,设置为浮动的div的margin可能会加倍。解决方法是在div内添加`display: inline;`,如: ```css #imfloat { float: left; margin: 5px; display: inline; } ``` 3....

    IE6下不能设置height:1px的元素是什么原因如何解决

    首先,需要明确的是,IE6中div元素默认的高度大约为10-12像素。这一默认值的设置与IE6对于“最小高度”的理解有关。IE6认为一个层(即div元素)不应该比其内容,特别是字体的行高还要小。当开发者尝试将div的高度...

    在IE6,IE7 中DIV容器固定高度的使用技巧

    在IE6中,当`height`被设置为一个固定值(例如50px)时,如果`DIV`内容的高度超过了这个设定值,`DIV`的实际高度会自适应内容的高度,也就是说,它会被撑开。而在IE7中,即使内容超过了设定的高度,`DIV`的高度依然...

Global site tag (gtag.js) - Google Analytics