`
nakupanda
  • 浏览: 416791 次
  • 性别: Icon_minigender_1
  • 来自: 广州
社区版块
存档分类
最新评论

IE6下DIV高度显示的Bug

阅读更多
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,ie7div高度兼容代码”的过程中,我们深入分析了如何在Internet Explorer 6(简称IE6)和Internet Explorer 7(简称IE7)这两种浏览器中实现div元素高度的一致性和兼容性。这是一项对于前端开发者来说至...

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

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

    IE6下CSS定义DIV高度的问题

    总结一下,解决IE6下CSS定义DIV高度问题的关键在于:1) 使用`overflow: hidden`隐藏溢出的内容,确保高度不受内容影响;2) 设置`font-size`为0,消除因字体大小而产生的额外高度。这两个技巧结合使用,能有效解决IE6...

    ie6中页面的bug

    在Web开发过程中,尤其是针对IE6浏览器,开发者经常会遇到各种...在现代Web开发中,尽管IE6的使用率已经大大降低,但由于仍有部分用户在使用,因此开发者仍然需要考虑其兼容性,以确保网页在不同浏览器下的正常显示。

    ie6bug问题解决

    4. **双倍边距问题**:当应用`display:inline`的`div`元素使用`float`属性时,IE6会显示双倍边距。可以使用`display:inline-block`来规避这个问题,但需要考虑此属性在旧版IE浏览器中的兼容性。 5. **CSS选择器支持...

    IE6特有bug兼容性问题整理

    ### IE6特有bug兼容性问题整理 #### 1. 浮动(float)与相邻非浮动元素的表现差异 - **问题描述**: 在不同浏览器中,对于`float`元素和相邻非`float`元素的处理方式存在差异。具体表现为,在IE6中,当一个元素设置...

    css常见的bug(ie)

    当两个浮动的DIV相邻时,IE可能会在它们之间显示3像素的间隙。解决方法包括使相邻元素也浮动,或者为已浮动的元素添加负margin。 8. **宽度和高度的问题**: IE不支持`min-`前缀,但它实际上把正常的width和...

    ie特有bug文档

    - **问题描述**:在IE6/7中,当元素具有`hasLayout`属性时,即使设置了高度,也无法正确显示。 - **解决方案**:可以使用`*height: 0;`或`_overflow: hidden;`等私有CSS属性来解决问题。 ##### 4. **Form元素内子...

    IE6下div层被select控件遮住的问题解决方法

    在互联网的早期,尤其是IE6浏览器占据主导地位的时代,开发者们常常会遇到一个棘手的问题:在页面上,当一个`div`层位于`select`下拉框之上时,`select`控件会穿透`div`层显示出来,导致设计效果无法正常展现。...

    如何兼容IE7和IE8-Div+CSS教程.txt

    为了确保页面能够在IE7和IE8下正确显示,通常需要进行以下设置: - 如果希望页面在IE8中按照IE7的标准模式渲染,可以使用如下代码: ```html &lt;meta http-equiv="X-UA-Compatible" content="IE=7"&gt; ``` - 为了...

    IE6 两个div有间隙的问题(IE 3px bug)

    这个bug表现为在IE6下,当两个浮动(floated)的div相邻时,它们之间会出现一个3像素的间距,这与在其他浏览器(包括更新版本的IE)中的表现不符。这个问题的根源在于IE6对浮动元素的盒模型处理方式与其他浏览器不同...

    IE6的双倍边距和火狐自适应高度

    在CSS布局中,有时会遇到一个奇怪的现象:当设置了某个元素(如`&lt;div&gt;`)的左侧外边距(`margin-left`)为10像素时,在IE6下该外边距却显示为20像素。这种现象被称为“IE6双倍边距BUG”。 **示例代码:** ```css ...

    CSS IE6奇数宽度或高度的bug

    可是在IE6下查看,却变成了right:1px的效果了: IE6还有奇数宽度的bug,解决方案就是将外部相对定位的div宽度改成偶数。查看源码: CSS代码 #out { width: 609px;/*这里宽度为奇数,bug就出现了!!改成偶数就OK了*...

    网页设计师DIV+CSS面试宝典

    本文总结了网页设计师DIV+CSS面试中常见的问题和解决方法,涵盖了超链接点击后 hover 样式的消失、IE6 的 margin 双倍边距 bug、火狐浏览器下文本无法撑开容器的高度、中火狐浏览器下文本无法撑开容器的高度、Web ...

    DIV在IE6中被下拉菜单占据的问题

    }`,这种写法只会在IE6下生效。 在提供的压缩包文件“解决下拉菜单在IE6中的bug”中,可能包含了具体的代码示例或修复策略,例如JavaScript脚本或CSS样式。通过查看这些文件,你可以得到更具体的解决步骤。在实际...

Global site tag (gtag.js) - Google Analytics