在网页布局时常会用到 DIV 来显示一些边角背景，需要设置较小的高度，默认情况下，IE6 中设置 DIV 较小高度会不起作用，在 IE7、FF 等浏览器不存在这个问题。
IE6 下默认的字体尺寸大致在 12 - 14px 之间，当你试图定义一个高度小于这个默认值的 DIV 的时候， IE6 会固执的认为这个层的高度不应该小于字体的行高。所以即使你用 height:5px; 来定义了一个 DIV 的高度，实际在 IE6 下显示的仍然是一个 12px 左右高度的层。
要解决这个问题，可以强制定义该 DIV 的字体尺寸，或者定义 overflow 属性来限制 DIV 高度的自动调整。比如:
<div style="height: 5px; font: 0px Arial; line-height:0;"></div>
或者
<div style="height: 5px; overflow: hidden;"></div>
值得注意的是，设置 font-size:0 时这个容器的高度最小为 2px ，如果要设置 DIV 高度为 0 或 1px ，则需要使用 overflow:hidden; 来实现
分享到：
相关推荐
标题"最小高度能自适应高度IE.FF全兼容的div设置.rar"和描述"最小高度能自适应高度IE.FF全兼容的div设置"所指向的知识点，主要涉及到CSS（层叠样式表）中的最小高度（min-height）属性以及如何实现跨浏览器的兼容性...
这就需要我们寻找一种方法来兼容不同的浏览器，使得`div`能同时具备最小高度和自适应高度的特性。 解决这个问题的一种常见技巧是利用CSS中的`height`、`!important`和`min-height`属性。下面是对这个技巧的详细解释...
在这个例子中，`ie6.css` 是专门为 IE6 编写的 CSS 文件，可以包含解决最小高度问题的样式规则。 ### 总结 设置 `div` 的最小高度在 IE6 中需要注意其默认的字体大小影响。通过设置 `font-size` 为 0，可以避免这个...
本文将详细介绍如何解决IE6下`div`最小高度无法设置以及`div`垂直居中的CSS样式问题。 首先，让我们来探讨一下IE6中`div`最小高度去除的方法。在某些情况下，当你试图设定一个`div`的最小高度（通过CSS的`min-...
- **min-height**：在现代浏览器中，`min-height`用于设置元素的最小高度，但在IE6和IE7中，该属性的兼容性较差，无法正确识别并应用。 - **_hack**：为了在特定的浏览器版本中应用样式，开发者通常会使用CSS hack。...
为了解决这个问题，可以在`<body>`标签下放置一个`<div>`，并使用JavaScript表达式来动态设定最小宽度： ```css #container { min-width: 600px; width: expression(document.body.clientWidth ); } ``` ### 6. ...
描述：有一个div，宽高都是10px，font-size:12px结果在ie6下这个div的高度竟然是12px,也就是说高度会被字体的尺寸撑开。 这其实是经典的IE6的高度问题。...IE6 div最小高度去除方法以及IE6div垂直居中css样式
本文将详细探讨在IE6和IE7中遇到的CSS Div最小高度兼容性问题，并提供几种解决方案。 #### 问题描述 在使用CSS定义`<div>`的高度时，通常可以通过设置`height`属性来实现。例如，当我们将`<div>`的高度设置为10px...
4. **边界检查**：为了防止`div`高度超出预定范围，我们需要设置最小和最大高度限制，并在每次调整时进行检查。 5. **兼容性处理**：由于不同的浏览器可能对某些CSS属性或事件处理有不同的实现，因此需要确保代码在...
` 并不能保证在IE浏览器中有效，它可能会导致高度不正确地计算，特别是在有最小高度限制的情况下。因此，我们添加了`min-height: 200px;`属性，确保div元素至少会有200像素的高度，即使内容很少也不会低于这个高度。...
可是当发布者发布的内容比较少的时候，比如只有一行字，那内容部分就变的很小，不美观，可是我们直接设置一个高度的话，当内容很多时又会溢出，今天研究了一下兼容各浏览器设置DIV最小高度的方法，拿来分享。...
6. **最小高度**：IE6不理解`min-height`属性，可以使用`height:auto !important;height:200px;`的技巧，让IE6以外的浏览器识别最小高度，同时确保IE6不会超过指定的高度。 7. **最大高度**：在IE6中设置最大高度可...
在这种情况下，`div`的最小高度将是根据`10px`字体计算出的行高。 在提供的代码示例中，我们看到一个`div`元素`#showDiv`，其`font-size`被设置为`1px`。这是一个非常小的字体大小，目的是减少`div`的默认高度。...
4. **IE与CSS宽度和高度问题**：IE不支持`min-`前缀，但会将正常的width和height视为最小值。可以使用条件注释或HTML5的`html>body`选择器来针对IE设置min-width和min-height，例如： ```css #box { width: 80px;...
为解决这个问题，可以为非IE浏览器使用min-width和min-height，同时为IE设置宽度和高度，如： ```css #box{ width: 80px; height: 35px; } html>body #box{ width: auto; height: auto; min-width: 80px; ...
总结一下，解决IE6下CSS定义DIV高度问题的关键在于：1) 使用`overflow: hidden`隐藏溢出的内容，确保高度不受内容影响；2) 设置`font-size`为0，消除因字体大小而产生的额外高度。这两个技巧结合使用，能有效解决IE6...
总结来说，解决`div`最小高度兼容性问题的关键在于结合使用`min-height`、IE6私有属性`_height`以及`height:100%`。这种组合方法能够确保在各种浏览器环境下，元素既能保持最低的视觉效果，又能灵活地适应内容的变化...