IE6下css设置容器高度的BUG不能小于某个值

IE6下的css设置容器高度的bug是一个非常棘手的问题，它会导致无法通过css设置容器高度小于一定值。下面将详细讲解如何处理这个问题：

IE6下的css设置容器高度的bug是一个非常棘手的问题，它会导致无法通过css设置容器高度小于一定值。下面将详细讲解如何处理这个问题：

1. 问题原因

此问题是由于IE6下的布局模型造成的，IE6会默认采用IE5盒子模型来进行布局。在此模型中，元素的宽度和高度只包括内容(content)和内边距(padding)，不包括边框(border)和外边距(margin)。但是，在标准的W3C盒子模型中，元素的宽度和高度包括content、padding、border和margin。

因此在IE6下，容器的高度设置会受到内边距(padding)和边框(border)的影响，导致容器高度不能小于一定的值。

2. 解决方法

解决这个问题的方法有多种，以下是两种解决方法的示例说明：

方法一：使用“_height”属性

由于IE6下缺乏“min-height”属性，可以使用IE6专有的“_height”属性来实现容器高度的最小值限制。例如，要将容器的高度设置为100px，并且不允许小于这个值，可以使用以下代码：

.container{
  height:100px; /*所有浏览器都支持*/
  _height:100px; /*IE6下生效，其他浏览器忽略*/
}

使用“_height”属性的缺点是它是IE6专有的属性，不符合W3C标准，而且可读性较差，不易维护。

方法二：使用hack

另一种解决方法是使用hack来矫正IE6下容器高度的bug。例如，以下代码可以实现容器高度不小于100px：

.container{
  min-height:100px; /*符合W3C标准，但是IE6不支持*/
  height:auto !important; /*，IE7及以上、非IE浏览器等支持*/
  height:100px; /*IE6支持，但是会忽略min-height*/
}

使用hack的优点是能够避免使用IE6专有属性，符合W3C标准，但是缺点是可读性差，不易维护，需要花费较长的时间来测试hack是否有效。

3. 总结

IE6下的css设置容器高度的bug是一个让很多开发者头疼的问题，解决这个问题的方法有多种，包括使用IE6专有的属性或者使用hack。无论使用哪种方法，都需要测试其在不同的浏览器和操作系统下的兼容性，以确保网站在各种环境下都能正常浏览。