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

ie6div高度无法小于10像素解决方法

阅读更多

ie6div高度无法小于10像素解决方法 :

font-size:0; margin:0; padding:0; border:0;
 



用CSS 的定义一个DIV的高度时,在IE 7浏览器下可以正常显示。但是在IE 6 中,height 在10px以下就无法定义了。这点跟表格有点类似。解决的方法如下:
法一: 定义overflow属性。比如想定义一个高度为2px 的线条。

<div style="height:2px;overflow:hidden;background:#000000;width:778px;"></div>
 



法二: 将div 的字体大小属性fontsize 设置为跟高度相同。

<div style="height:2px;font-size:2px;background:#000000;width:778px;">&nbps;</div>
 

 

 

分享到:
评论

相关推荐

    IE6下CSS定义DIV高度的问题

    通过上述方法,可以有效解决IE6下DIV高度控制的问题,从而在IE6浏览器中实现与其它现代浏览器相一致的页面布局效果。这些解决方案对于现代网页设计师来说是非常重要的,尤其是在需要支持旧版浏览器的情况。尽管IE6已...

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

    总结来说,解决`div`最小高度兼容性问题的关键在于结合使用`min-height`、IE6私有属性`_height`以及`height:100%`。这种组合方法能够确保在各种浏览器环境下,元素既能保持最低的视觉效果,又能灵活地适应内容的变化...

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

    为了解决在IE6中无法设置div高度为1像素的问题,可以采用以下方法: 1. 将DIV的字体大小设置为0像素。这样做可以最小化字体行高的影响,从而允许DIV元素的高度为1像素。代码示例如下: ```html &lt;div style=...

    css+div自适应窗口宽度

    如果宽度小于760像素,div元素的宽度将设置为760像素;否则,它将占据100%的浏览器宽度。这是一个早期的响应式设计技术,但在现代浏览器中已经不推荐使用,因为表达式有性能问题,并且不被其他浏览器支持。 `width:...

    div模拟滚动条当div宽度小于18时滚动条不滚动

    这里提到的问题是,在IE10浏览器中,当`div`的宽度小于18像素时,模拟的滚动条无法正常工作。这个问题主要出现在IE10的兼容模式下,包括IE7、IE8和IE9模式。 首先,我们来看一下提供的HTML代码: ```html &lt;!...

    IE6的3像素 bug解决方案分享

    3像素bug表现为在IE6浏览器下,当一个容器内的浮动元素(float样式)导致容器宽度超出预设值,或者父容器宽度与子容器宽度差小于3像素时,文本或图像会发生溢出,表现为额外复制字符。例如,原本显示为“下一页”的...

    ie特有bug文档

    - **问题描述**:在IE7中,当某元素的`border-width`中有小于3像素的边框设置为`dotted`时,该边框会显示为`dashed`而非预期的虚线效果。 - **解决方案**:避免在同一元素上同时使用不同宽度的`dotted`边框。 #####...

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

    本文将深入探讨如何使用CSS来控制div元素的最大宽度和高度以及最小宽度和高度,特别关注在IE6中的兼容性问题。 首先,CSS提供`min-width`和`max-width`属性来限制元素的宽度。`min-width`确保元素的宽度不会小于...

    超实用div圆角样式,无须图片

    例如,如果你想要一个所有角落都是10像素圆角的div,你可以这样写: ```css div { border-radius: 10px; } ``` 如果希望分别设置四个角的圆角半径,可以使用更具体的属性: ```css div { border-top-left-...

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

    因此,如果`div`内没有任何内容或所有内容的总高度小于这个默认行高,`div`的最小高度就是这个默认行高。 相反,如果我们设置了`font-size`,例如`font-size: 10px;`,`div`的最小高度将基于这个指定的字体大小。这...

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

    本文将详细介绍如何利用CSS(层叠样式表)来实现对页面最大最小宽度和高度的控制,同时确保这些效果在包括IE6在内的多个浏览器版本中都能正常工作。 首先,我们需要了解CSS中的`min-width`、`max-width`、`min-...

    DIV+CSS基础教程全攻略 (2).pdf

    对于IE6浏览器不支持`min-height`的问题,可以采用CSS Hack的方式解决,即在`min-height`后添加一个仅IE6识别的下划线`_height`,如`.yangshi{min-height:50px; _height:50px;}`。这样,即使在IE6中,元素也会有一个...

    CSS学习笔记

    - 在IE6中,设置`height`为固定值时,内容超出这个高度,div会自动扩展,而其他浏览器如IE7、IE8和Firefox则不会。 - `min-height`在标准浏览器中起作用,内容高度小于`min-height`时,高度为`min-height`,内容...

    绝对定位的元素在ie6下不显示隐藏了的有效解决方法

    本文主要探讨的是一个特定的问题:在IE6下,当一个绝对定位的元素紧邻着一个浮动元素,且浮动元素的宽度超过父容器宽度减去3像素时,绝对定位元素会在页面上消失。这个问题主要出现在IE6特有的渲染模式中,由于其对...

    IE 元素默认高度研究

    这种方法对于解决IE7及以下版本中的高度问题非常有效。 综上所述,在处理IE7及以下版本中的默认高度问题时,合理运用CSS属性的组合可以有效地避免许多布局上的难题。同时,利用IETester等工具可以帮助开发者更好地...

    CSS兼容IE和Firefox的技巧集合

    CSS兼容性问题在Web开发中一直是个棘手的挑战,尤其是在处理IE(尤其是IE6、IE7)和Firefox之间的差异时。以下是一些针对这些浏览器兼容性问题的CSS技巧: 1. **垂直居中问题**: 当你需要一个div内容垂直居中时,...

    Div设置最小宽度(有浮动元素或浏览器宽度小于1350之后)

    浮动元素(如 `float:left` 或 `float:right`)通常用于创建多列布局,但它们可能导致父元素的高度塌陷,即父元素无法正确包裹其内部的浮动子元素。为了解决这个问题,我们可以使用以下 CSS: ```css body { width...

Global site tag (gtag.js) - Google Analytics