在IE6下分别设置div高度为5、10、15、20px。
源码：<!DOCTYPE HTML>
<html>
<head>
<title>IE6_minHeight.html</title>
<meta http-equiv="content-type" content="text/html; charset=GB18030">
<style type="text/css">
.div_5px {height:5px; width:5px; background-color:#000;margin-bottom:10px;}
.div_10px{height:10px;width:10px;background-color:#000;margin-bottom:10px;}
.div_15px{height:15px;width:15px;background-color:#000;margin-bottom:10px;}
.div_20px{height:20px;width:20px;background-color:#000;margin-bottom:10px;}
</style>
</head>
<body>
<div class="div_5px"></div>
<div class="div_10px"></div>
<div class="div_15px"></div>
<div class="div_20px"></div>
</body>
</html>
结果IE6显示如下
我们想要的效果
后来用line-height 来解决
<!DOCTYPE HTML>
<html>
<head>
<title>IE6_minHeight.html</title>
<meta http-equiv="content-type" content="text/html; charset=GB18030">
<style type="text/css">
.div_5px {height:5px; width:5px; background-color:#000;margin-bottom:10px;line-height:5px;}
.div_10px{height:10px;width:10px;background-color:#000;margin-bottom:10px;line-height:10px;}
.div_15px{height:15px;width:15px;background-color:#000;margin-bottom:10px;line-height:15px;}
.div_20px{height:20px;width:20px;background-color:#000;margin-bottom:10px;}
span{display:none;}
</style>
</head>
<body>
<div class="div_5px"><span>.</span></div>
<div class="div_10px"><span>.</span></div>
<div class="div_15px"><span>.</span></div>
<div class="div_20px"><span>.</span></div>
</body>
</html>
IE6 显示正常
相关推荐
本文将详细介绍如何解决IE6下`div`最小高度无法设置以及`div`垂直居中的CSS样式问题。 首先，让我们来探讨一下IE6中`div`最小高度去除的方法。在某些情况下，当你试图设定一个`div`的最小高度（通过CSS的`min-...
通过这种方式，我们可以创建一个既具有最小高度保证，又能根据内容自适应高度的`div`，并且兼容了IE6、IE7和Firefox等主流浏览器。这在处理动态内容和保证跨浏览器一致性时非常实用。同时，这也体现了CSS在解决...
标题"最小高度能自适应高度IE.FF全兼容的div设置.rar"和描述"最小高度能自适应高度IE.FF全兼容的div设置"所指向的知识点，主要涉及到CSS（层叠样式表）中的最小高度（min-height）属性以及如何实现跨浏览器的兼容性...
描述：有一个div，宽高都是10px，font-size:12px结果在ie6下这个div的高度竟然是12px,也就是说高度会被字体的尺寸撑开。 这其实是经典的IE6的高度问题。...IE6 div最小高度去除方法以及IE6div垂直居中css样式
然而，在 Internet Explorer 6 (IE6) 这个古老的浏览器版本中，设置 `div` 最小高度会遇到一些特定的问题。 ### IE6 的默认行为 在 IE6 中，`div` 的高度并不是像其他现代浏览器那样完全可定制的。IE6 有一个默认的...
- **min-height**：在现代浏览器中，`min-height`用于设置元素的最小高度，但在IE6和IE7中，该属性的兼容性较差，无法正确识别并应用。 - **_hack**：为了在特定的浏览器版本中应用样式，开发者通常会使用CSS hack。...
本文将详细探讨在IE6和IE7中遇到的CSS Div最小高度兼容性问题，并提供几种解决方案。 #### 问题描述 在使用CSS定义`<div>`的高度时，通常可以通过设置`height`属性来实现。例如，当我们将`<div>`的高度设置为10px...
但在IE6、7中，若要让内容在div内垂直居中，除了设置`vertical-align:middle`，还需要将`line-height`设置为与div相同的高度。这种方法需要注意内容不应换行，否则可能导致对齐失效。 其次，`margin`加倍问题主要...
当我们在设计网页时，经常需要对`div`的大小进行控制，包括它的最小高度。本篇文章将深入探讨如何通过CSS来调整`div`的最小高度，并结合实际示例解释其工作原理。 首先，我们需要理解`div`的默认行为。当`div`包含...
可是当发布者发布的内容比较少的时候，比如只有一行字，那内容部分就变的很小，不美观，可是我们直接设置一个高度的话，当内容很多时又会溢出，今天研究了一下兼容各浏览器设置DIV最小高度的方法，拿来分享。...
4. **边界检查**：为了防止`div`高度超出预定范围，我们需要设置最小和最大高度限制，并在每次调整时进行检查。 5. **兼容性处理**：由于不同的浏览器可能对某些CSS属性或事件处理有不同的实现，因此需要确保代码在...
`的技巧，让IE6以外的浏览器识别最小高度，同时确保IE6不会超过指定的高度。 7. **最大高度**：在IE6中设置最大高度可通过JavaScript实现，根据元素的`scrollHeight`判断并设置合适的高度。可以封装成函数，方便...
默认情况下，这个高度包含了行间距和基线，导致了最小高度的异常。为了解决这个问题，你需要明确地为该元素设置`font-size`为0： ```css #testdiv { background: #009900; height: 3px; font-size: 0px; ...
在网页设计中，经常会遇到需要设定一个div元素同时拥有最小高度并且高度能够根据内容自适应，同时还要求在不同的浏览器下保持一致的显示效果。尤其是在IE（Internet Explorer）和FF（Firefox）浏览器之间，这两款...
标题和描述中提到的问题，即如何在各种浏览器（包括IE6+和Firefox）中设置`div`的最小高度，是前端开发中常见的挑战。下面我们将详细探讨这个问题。 首先，CSS中的`min-height`属性用于定义元素的最小高度。当元素...
4. **CSS解决IE6的最小高度和宽度问题**： - IE6不支持`min-height`和`min-width`属性，但可以通过使用下划线`_`前缀和表达式（如 `_height:expression(this.scrollHeight );`）来模拟这些效果。 - 同理，`max-...
2. **浮动元素的margin加倍问题**：在IE6中，设置为浮动的div的margin可能会加倍。解决方法是在div内添加`display: inline;`，如： ```css #imfloat { float: left; margin: 5px; display: inline; } ``` 3....