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

IE兼容-div默认高度bug

阅读更多

IE6下默认的字体大小至少是12px;当你设置的div的高度小于这个值时,IE6会自动调节它默认的高度。
要解决这个问题,可以在设置div高度的同时,设置字体的大小,也可以通过设置overflow:hidden来使div的高度显示为设定的值;
示例代码如下:

<style>
div{
  width:300px;
  height:2px;
  background-color:#000;
  _font-size:2px;  /*设置字体大小*/
  /*_overflow:hidden;*/ /*隐藏超出范围的内容*/
}
</style>

<body>
<div>
</div>
</body>

0
0
分享到:
评论

相关推荐

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

    ### 如何兼容IE7和IE8—Div+CSS教程 #### 概述 本文将详细介绍如何在使用Div+CSS布局时实现对Internet Explorer 7(IE7)与Internet Explorer 8(IE8)的兼容性支持。随着Web标准的发展与浏览器技术的进步,IE7和...

    ie和ff兼容性大集合

    - **问题描述**:在 IE6.0 及更低版本中,使用属性选择器(如 `p[id] {}` 或 `div[id] {}`)时存在 bug。 - **解决方案**: - 避免使用这种形式的选择器,或使用更具体的选择器,如 `p[id="someId"] {}`。 #### ...

    最全的CSS浏览器兼容问题整理(IE6.0、IE7.0 与 FireFox)

    - **Block元素**:如`&lt;div&gt;`、`&lt;p&gt;`等,它们默认占据一行,可以设置宽度、高度、内边距、外边距等属性。 - **Inline元素**:如`&lt;span&gt;`、`&lt;a&gt;`等,它们不会独占一行,与其他inline元素在同一行显示,无法直接设置...

    div+css常见兼容性问题

    此外,IE6还有一个著名的“双倍边距BUG”,当一个浮动元素设置`margin-left`时,IE6会计算两次,解决办法是: ```css div { float: left; margin-left: 10px !important; /* 解决IE6双倍边距 */ margin-left: 10...

    css+div 在IE中兼容

    标题:“css+div在IE中兼容” 描述:“css+div解决在IE中的兼容问题,可以用于参考。” 在探讨“css+div在IE中兼容”的问题时,我们面临着一个历史遗留下来的挑战:Internet Explorer(以下简称IE)浏览器由于其...

    IE6特有bug兼容性问题整理

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

    css常见的bug(ie)

    当父级DIV希望根据子级内容自适应高度时,IE可能无法正确处理。解决方案是在子级内容后面添加一个清除浮动的无视觉元素,如: ```html &lt;div id="parent"&gt; &lt;div id="content"&gt; &lt;/div&gt; &lt;div style="font: 0px/0px...

    ie特有bug文档

    ### IE特有Bug知识点解析 #### 一、概述 Internet Explorer(简称IE)作为曾经市场上最主流的浏览器之一,在其发展过程中积累了一系列特有的兼容性问题。这些问题是由于IE浏览器自身的技术限制以及对某些Web标准的...

    ie兼容问题

    ### IE兼容问题详解 在网页开发的过程中,遇到不同的浏览器对同一段代码的解析存在差异的情况是常有的事,尤其在处理老旧版本的Internet Explorer(简称IE)时更是如此。本文将针对IE6这一古老的浏览器版本所带来的...

    IE Hack兼容性调整

    在Web开发中,IE Hack是一种应对Internet Explorer浏览器(尤其是早期版本)中各种CSS兼容性问题的策略。由于不同浏览器对CSS规范的实现存在差异,开发者需要编写特定的代码片段来确保网页在所有浏览器中呈现一致。...

    css浏览器兼容整理

    2. **DIV浮动IE文本产生3象素的bug** - 这个问题出现在IE6和IE7中。可以通过使用`zoom:1;`和`hasLayout`来解决。 3. **怎么样才能让层显示在FLASH之上呢** - 使用`z-index`属性,并确保包含FLASH的元素具有较低...

    DIV+CSS解决各浏览器兼容问题

    IE8默认开启的是其最新的渲染模式,这可能与旧版IE7的渲染方式存在细微差别,但只要我们强制IE8使用IE7的渲染模式,就能使页面在IE8下表现得与IE7一致。实现这一目标,可以在页面的`&lt;head&gt;`部分添加以下代码: ```...

    IE6下CSS定义DIV高度的问题

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

    DIV+CSS浏览器兼容方法的总结

    1. **IE6的高度兼容性**: - 使用`_height`属性针对IE6进行特殊处理:`_height: 100px;` - 使用带星号的`*height`属性针对IE7:`*height: 100px;` - 使用`*+height`属性同时处理IE7和Firefox:`*+height: 100px;`...

    CSS兼容IE和Firefox的技巧集合

    ### CSS兼容IE和Firefox的技巧集合 在网页开发过程中,CSS的兼容性一直是开发者们头疼的问题,尤其是在处理不同浏览器如Internet Explorer(IE)和Mozilla Firefox之间的差异时。本文旨在总结一系列有效的技巧,...

    div+css布局时的浏览器兼容问题

    ### div+css布局时的浏览器兼容问题 在Web开发领域,使用div+css进行页面布局是一种常见的技术手段。然而,在实际应用过程中,由于不同浏览器(如IE、Firefox、Chrome等)对CSS的支持程度存在差异,导致同一份CSS...

Global site tag (gtag.js) - Google Analytics