`

关于 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  
这个问题终于解决了,谢谢~

相关推荐

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

    div最小高度去除办法:IE6中,使用CSS定义DIV的高度的时候经常遇到这个问题,就是当DIV的最小高度小于一定的值以后,就会发现,无论你怎么设置最小高度,Div的高度会固定在一个值不再发生变动,这个问题很是烦人。...

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

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

    IE6下CSS定义DIV高度的问题

    在IE6中,使用CSS定义DIV的高度的时候经常遇到这个问题,就是当DIV的最小高度小于一定的值以后,就会发现,无论你怎么设置最小高度,Div的高度会固定在一个值不再发生变动,这个问题很是烦人。如下面的情况。 HTML...

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

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

    CSS网页布局中的最小高度问题的解决方法

    xhtml &lt;div class=box1&gt;IE中没保持最小高度为150px&lt;/div&gt; &lt;div class=:box2&gt;;最小高度可以设定一个BOX的最小高度, 当其内容较少时时,也能保持BOX的高度为一定 最小高度可以设定一个BOX的最小高度, 当其内容较少...

    div+css最小高度的设置方法兼容各浏览器ie6+/Firefox

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

    CSS控制div宽度最大宽度/高度和最小宽度/高度的方法

    在网页制作中经常要控制div宽度最大宽度/高度或者最小宽度/高度,但是在IE6中很多朋友都会遇到不兼容的头疼问题,包括我也经常遇到这样的问题,在百度查了很多都没法解决,后来在一个论坛上学习到,在这里跟大家分享...

    CSS控制页面最大最小宽度和高度可兼容IE6版本的实现方法

    CSS设置页面最大最小宽度 兼容ie6/7/8/9,FF,chrome,sogou等浏览器 设置最小宽度 div { width:100%; min-width:1000px; width:expression_r(document.body.clientWidth &lt; 1000&gt; 1200 ? "1200px": "auto" ); } ...

    46种常见的浏览器兼容性问题大汇总

    20. 为什么web标准中IE无法设置滚动条颜色了 3 21. 为什么无法定义1px左右高度的容器 3 22. 链接(a标签)的边框与背景 3 23. 超链接访问过后hover样式就不出现的问题 3 24. FORM标签 3 25. 属性选择器(这个不能...

    通过CSS样式设置网页的最小宽度以将宽度固定为600px为例

    通过CSS样式设置网页的最小宽度,下面的样式将网页的最小宽度固定为600px html代码,将所有的内容都放到id=container的容器内 复制代码代码如下: &lt;body&gt; &lt;div id=”container”&gt; CSS样式代码,指定最小宽度...

    多种方法解决min-width 不兼容ie6的问题

    把以上三行代码加到需要最小宽度的div里即可,原理是使用IE6本身的BUG(当块级元素内部的东西超出此块级元素的高度时,块级元素的高度会被撑开,也就是说IE6中的height属性本身就等同于min-height)。 方法二: 复制...

    兼容IE6、IE7的min-width、max-width写法

    很多时候,我们会想要设置容器的最小宽度或最大宽度,但IE6不支持min-width、max-width属性怎么办? 别着急,跟着我慢慢来,会让你捉急的还很多呢 首先我们来看看标准属性min-width、max-width效果如何: 复制代码...

    让IE6支持兼容min-width、max-width CSS样式属性的方法

    我们在写CSS的时候,常常会遇到让一个图片或一个布局不能超出设定一定宽度范围值,有时需要设置一个最小宽度,接下来由DIVCSS5为大家总结的解决IE6不支持min-width和不支持max-width的方法。以下为CSS 宽度之IE6支持...

    CSS中的expresssion的使用及注意事项

    960px:)},该样式是使IE6中该div的最小宽度为960px 说明:expression只试用于IE浏览器 注意:能不使用expression就最好不用,原因:expression的计算频率很高,从而对页面性能有影响。不仅仅是在页面显示和缩放时,...

    JavaScript 图片切割效果

    可以对比ie7的效果,可以看出里面的div虽然高度设置了100%,但在外面的div修改高度之后,却不知什么原因没有填充了(外面的div渲染后,没有触发里面的div再渲染)。 解决这个bug的关键是使里面的div能再渲染,这里...

    important的妙用解决firefox和ie的css兼容问题

    对于某些内容可变的层(比如用户评论),我们希望它有个最小的高度 (比如30px),这样的话,即使内容只有一行字,也不会太难看;同时又希望在内容比较多的时候,层的高度能自动撑开,也就是要求height: auto。这...

    CSS属性探秘系列(五):min-width

    一、基本含义min-width 属性为给定...三、兼容性IE7+,常用现代浏览器,关于IE6的兼容处理,建议使用js控制,IE6将逐渐退出前端舞台。 四、应用常用在百分比宽度布局中,缩放浏览器窗口,以免窗口很小时影响页面的布局 美

Global site tag (gtag.js) - Google Analytics