`
hwpok
  • 浏览: 251626 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

Div 高度的问题 IE

阅读更多

  IE6下默认的字体尺寸大致在 12 - 14px 之间,当你试图定义一个高度小于这个默认值的 div 的时候, IE 会固执的认为这个层的高度不应该小于字体的行高。所以即使你用 height: 6px; 来定义了一个 div 的高度,实际在 IE 下显示的仍然是一个 12 px 左右高度的层。

  要解决这个问题,可以强制定义该 div 的字体尺寸,或者定义 overflow 属性来限制 div 高度的自动调整。比如 <div style="height: 6px; font: 0px Arial;"></div> 或者 <div style="height: 6px; overflow: hidden;"></div> 都可以阻止 IE 的自作聪明。

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

分享到:
评论

相关推荐

    ie6,ie7div高度兼容代码

    ### IE6与IE7的div高度兼容问题 #### 问题背景 IE6和IE7是早期的浏览器版本,它们在解析CSS时存在一些已知的bug和不一致之处,尤其是对于div元素的高度设置。在现代浏览器中,我们可以通过简单的CSS属性如`height`...

    IE6等div 100%高度填满解决办法

    通过以上分析可以看出,该方案能够很好地解决IE6等浏览器中`div`元素100%高度填充的问题。尽管现代Web开发已经很少使用IE6,但了解这些技术细节对于理解Web布局的历史发展以及兼容性问题仍然具有重要意义。

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

    但在IE6、7中,若要让内容在div内垂直居中,除了设置`vertical-align:middle`,还需要将`line-height`设置为与div相同的高度。这种方法需要注意内容不应换行,否则可能导致对齐失效。 其次,`margin`加倍问题主要...

    子div含float,父div高度自适应的div+css布局写法

    div+css高度自适应网页布局,子div含float,父div高度自适应,已经通过测试的浏览器:ie6、ie7、ie8、火狐、Chrome。 代码来源: http://www.positioniseverything.net/articles/onetruelayout/equalheight

    解决IE6 中select 穿透 div 等层的问题

    在互联网的早期,Internet Explorer 6 (简称IE6) 是一款广泛应用的浏览器,但它的兼容性和渲染机制存在诸多问题,其中一个问题就是“select穿透div”的现象。这个问题在现代浏览器中通常不会出现,但在IE6中,`...

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

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

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

    在IE6中,如果子`div`的高度超过了父`div`,父`div`会被自动撑开,因此可以直接通过设置`height`属性来实现。然而,从IE7开始以及Firefox浏览器,这种行为不再默认发生,它们不会自动调整父容器的高度。这就需要我们...

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

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

    DIV+CSS网页中IE和火狐兼容问题的整理

    然而,在实际应用中,由于不同浏览器的解析和渲染机制存在差异,尤其是在IE(Internet Explorer)和Firefox之间,这种差异可能导致兼容性问题。以下是对这些兼容性问题的详细梳理和解决策略。 1. **盒模型差异** -...

    IE6下CSS定义DIV高度的问题

    在IE6浏览器中,开发者经常会遇到一个棘手的CSS问题,即使用`height`属性定义的DIV高度在实际渲染时无法按照预期显示。通常,当你尝试将一个DIV的高度设置为非常小的值(如4px),IE6浏览器并不会完全遵循这个设定,...

    如何让div+css兼容ie6 ie7 ie8 ie9和FireFox Chrome等浏览器.pdf

    针对标题提及的"如何让div+css兼容ie6 ie7 ie8 ie9和FireFox Chrome等浏览器",这里将详细讨论一些关键的CSS兼容性问题及解决方案。 1. **DOCTYPE的影响**: DOCTYPE声明会影响浏览器进入何种文档模式。在HTML4或...

    CSS解决未知高度的DIV垂直居中

    通过上述方法,我们可以有效地解决未知高度的`DIV`元素垂直居中的问题。这种方法不仅具有良好的兼容性,而且代码简洁,易于理解。无论是对于初学者还是有一定经验的开发者来说,都是一种值得学习和掌握的技巧。

    div层高度可拖动demo

    在本“div层高度可拖动demo”中,开发者利用`div`来创建一个可交互的界面,使得用户可以通过鼠标拖动来调整`div`的高度,从而增强用户体验和互动性。这种功能在各种需要用户自定义界面尺寸的应用场景中非常常见,如...

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

    这其实是经典的IE6的高度问题。div默认存在3个像素高,由font-size引起的。 所以解决办法有如下两种: 1、设置font-size:0px; 2、设置overflow:hidden; font-size定义为0在IE6下的妙用 IE6 div最小高度去除方法...

    DIV无法自动高度 IE8无法自动高度

    在网页开发中,经常会遇到一个常见的布局问题:当一个包含浮动子元素的`&lt;div&gt;`容器无法自动扩展以适应其内部子元素的高度时,特别是在Internet Explorer 8 (IE8)这样的老旧浏览器中。这一问题不仅影响了页面的美观度...

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

    本文主要汇总了使用div+css布局时如何解决IE6的常见兼容问题。 1. **条件注释**:这是针对IE6浏览器的一个特殊解决方案。通过使用条件注释,我们可以针对IE6及以下版本加载特定的CSS或JavaScript文件,以解决兼容性...

Global site tag (gtag.js) - Google Analytics