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

IE6的最小高度

    博客分类:
  • CSS
阅读更多

http://hi.baidu.com/alex_wdd/blog/item/ed031d02b8bd1a7d3912bbb5.html

 

让IE6也有最小高度min-height的效果

布局过的人都知道CSS的最小高度min-height是个很有用的属性,它可以让很短的内容也有一个很合适的高度,使页面显得美观。但很可惜IE6不支持这一属性。怎么办呢?我们可以用另外一种方法让IE6也有最小高度min-height属性的效果。

众所周知,如果内容超过元素的高度,那么IE6是会自动增加元素的高度,即使你明确的定义了元素的高度。我们可以利用IE6的这个bug来让IE6也有最小高度min-height属性的效果。具体代码如下:

height:auto !important;
height:500px;
min-height:500px;
解释:

1、由于IE6对!important的解释存在bug,所以它只识别height:500px这一句,超过500px后,IE6自身会增加盒子的高度;

2、IE7和其他标准浏览器三句都能识别,虽然定义height:500px,但我们又有了height:auto !important,所以超过500px也能自动增加盒子的高度。

三句代码让IE6也有了最小高度min-height的效果,简单又实用,不错吧。

分享到:
评论

相关推荐

    兼容IE的最小最大高度CSS写法

    同样地,这两个属性用于设置元素的最小高度和最大高度。在非IE浏览器中,这些属性通常能够按预期工作,但在IE中则需要特别处理。 ```css .min_height { min-height: 200px; /* 设置最小高度 */ _height: ...

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

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

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

    通过这种方式,我们可以创建一个既具有最小高度保证,又能根据内容自适应高度的`div`,并且兼容了IE6、IE7和Firefox等主流浏览器。这在处理动态内容和保证跨浏览器一致性时非常实用。同时,这也体现了CSS在解决...

    ie6,ie7div高度兼容代码

    - **min-height**:在现代浏览器中,`min-height`用于设置元素的最小高度,但在IE6和IE7中,该属性的兼容性较差,无法正确识别并应用。 - **_hack**:为了在特定的浏览器版本中应用样式,开发者通常会使用CSS hack。...

    css浏览器兼容问题

    6. **IE6最小高度/宽度问题**: IE6不支持`min-height`和`min-width`,可以使用`height:auto !important; height:200px;`来模拟最小高度。 7. **td高度问题**: Opera和Firefox中td高度包含border,但IE不包含。...

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

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

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

    为了在IE6、IE7、IE8、Firefox等主流浏览器中都能实现DIV最小高度的兼容性设置,我们通常需要利用各浏览器对CSS属性的解析差异。具体到本例中的代码实现,我们通过设置多个CSS属性来达到跨浏览器兼容的目的。这里的...

    浏览器兼容问题

    #### 六、IE6 最小高度(宽度)的问题 **问题描述**:IE6 不支持 `min-height` 和 `min-width` 属性,而是将 `height` 和 `width` 视为最小值。 **解决方案**:使用 `!important` 来优先应用其他浏览器支持的属性...

    前端处理浏览器兼容问题

    #### 六、IE6最小高度(宽度)的问题 **问题**:IE6不支持`min-height`和`min-width`属性,默认情况下`height`就是最小高度,`width`就是最小宽度。 **解决方法**:可以通过使用`!important`来覆盖IE6的默认行为。 ...

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

    本文将详细介绍如何解决IE6下`div`最小高度无法设置以及`div`垂直居中的CSS样式问题。 首先,让我们来探讨一下IE6中`div`最小高度去除的方法。在某些情况下,当你试图设定一个`div`的最小高度(通过CSS的`min-...

    css在firefox及IE6中最小高度如何设置

    针对网页设计中常见的跨浏览器兼容性问题,特别是对于较旧的浏览器版本如Internet Explorer 6(IE6)和Firefox,如何设置元素的最小高度是一项挑战。这是因为不同的浏览器对CSS属性的支持程度不同,导致在不同浏览器...

    兼容IE6的网页最小最大宽度和最小最大高度css写法

    为了确保网页在IE6中的正常显示,并且能够控制页面元素的最小宽度、最大宽度、最小高度和最大高度,我们需要采用特定的CSS写法。这些写法通常是利用IE6特有的expression()函数来实现。 首先,我们来讨论如何为网页...

    解决IE6兼容问题的十一大技巧

    6. **最小高度(min-height)**:IE6不支持`min-height`属性,但可以通过CSS hack来解决,如: ```css #container { min-height: 200px; height: auto !important; /* 对其他浏览器生效 */ height: 200px; /* 对...

    让IE6支持最小高度min-height、最大高度max-height的方法

    1、IE6支持max-height解决方法 IE6支持最大高度解决CSS代码:  复制代码代码如下:.yangshi{max-height:1000px;_height:[removed](document.documentElement.clientHeight||document.body.clientHeight)<1000?”...

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

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

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

    2. **使用`min-height`属性:** 在现代浏览器中,可以使用`min-height`属性来确保`<div>`至少具有某个最小高度。但是,IE6不支持`min-height`属性。 3. **Hack技巧:** 使用特定于IE6的CSS Hack技巧来实现自适应高度...

Global site tag (gtag.js) - Google Analytics