CSS教程：overflow属性知多少
阅读：1274次&&&时间： 18:15:20&&
两行CSS代码你是否能明白是什么意思？我们一起来分析一下。
.body{overflow: _overflow: _zoom:1;} .main{overflow: _overflow: _zoom:1;}
短短三个属性竟然包含了浮动、浮动清除、Haslayout、IE6兼容性、最小高度不同浏览器下实现、浏览器Hack、overflow的各种用途等等一系列的问题及知识点。我们在分析之前，先补充一下是基本知识，否则等最后分析了半天你听的一头雾水这不是本文想达到的效果。
overflow是什么，有什么用途：
overflow属性规定当内容溢出元素框时发生的事情。&&W3shcool
根据CSS的盒模型概念，页面中的每个元素，都是一个矩形的盒子。这些盒子的大小、位置和行为都可以用CSS来控制。对于行为，我的意思是当盒子内外的内容改变的时候，它如何处理。比如，如果你没有设置一个盒子的高度，该盒子的高度将会根据它容纳内容的需要而增长。但是当你给一个盒子指定了一个高度或宽度而里面的内容超出的时候会发生什么？这就是该添加CSS的overflow属性的时候了，它允许你设定该种情况下如何处理。
overflow属性有四个值：visible (默认), hidden, scroll, 和auto。这里我们只分析 overflow:visible和hidden其他俩属性这里不多做展开，有兴趣的读者可以上网查一下另外俩个属性的知识。
知识：overflow:hidden的用途
我们平时最常用到的即overflow:hidden，一般用在固定宽高的div里面，目的是隐藏溢出使内部元素高度即使超过父元素也能够被隐藏。
overflow:hidden另一个流行的用途是用在没有宽高的div里，其目的是清除浮动。应用了overflow(auto或hidden)的元素（默认高度height:auto），将会扩展到它需要的大小以包围它里面的浮动的子元素。这是一个很奇特的特性，因为他的简洁，许多coder都喜欢利用这个特性来清除浮动。
overflow还有一个鲜为人知的特性，那就是可触发IE7的hasLayout，让我们来看看触发hasLayout不完全列表吧：
可触发hasLayout的CSS特性：
display: inline-blockheight: (除 auto 外任何值) width: (除 auto 外任何值) float: (left 或 right) position: absolutewriting-mode: tb-rl zoom: (除 normal 外任意值)
IE7可触发hasLayout的CSS 特性：
min-height: (任意值) min-width: (任意值) max-height: (除 none 外任意值) max-width: (除 none 外任意值) overflow: (除 visible 外任意值，仅用于块级元素) overflow-x: (除 visible 外任意值，仅用于块级元素) overflow-y: (除 visible 外任意值，仅用于块级元素) position: fixed
对于IE6/7特有的hasLayout特性，开发时需要特别留意，某些重要部件尽量以最小的代价来触发他的hasLayout，使得各个浏览器达到兼容。最小的代价指的是用标准的CSS属性（如with, height, IE7下还能用overflow）来触发hasLayout，避免使用不符合规范的zoom属性，为日后的再次开发打下基础。
知识：如何实现最小高度
最小高度min-height已经被大多浏览器所支持，而且他的实用性也使得他被广泛的使用，但其中唯一的遗憾那就是IE6不支持min-height！所以，为了兼容性，你必须得使IE6也能兼容min-height。所幸的是这并不难实现，IE6在设计之初就有一个问题，他虽有height属性，但是一旦内部元素高度超出父元素，其父元素也会很跟着内部元素一起增高，外部元素高度值会等于内部元素的高度值，所以说IE6下天生就有猥琐的min-height属性，带着height的面具，干着min-height的活，颇有点垂帘听政一感觉。所以遇到实现最小高度的情况我们利用IE6的Hack来实现。
&/* IE6利用_height实现min-height */.wrap{width:100 min-height:100 _height:100 background:#} .inner{width:50 height:150 background:#cfc}
知识：IE6下的overflow:visible的bug
IE6会扭曲默认的overflow visible值并将水平的扩展一个盒子一匹配内容。 在IE6下（当div有具体height）应用默认的visible是没有一点效果的，因为IE6的高度会自适应（IE6没有min-height，但height就是min-height），子元素增大，父元素也会跟着一起增大，你想让子元素超出父元素，且父元素高度不变，在IE6下是行不通的。举个例子：
&!DOCTYPE html PUBLIC &-//W3C//DTD XHTML 1.0 Transitional//EN& &http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd&&
&html xmlns=&http://www.w3.org/1999/xhtml&&
&meta http-equiv=&Content-Type& content=&text/ charset=gb2312& /&
&title&IE6下的overflow:visible的bug&/title&
.wrap{width:100 height:100 background:#}
.inner{width:50 height:150 background:#}
.next{width:100}
&div class=&wrap&&
&div class=&inner&&&/div&
&div class=&next&&标准浏览器下wrap的内部元素不会破坏文档流。而IE6下父元素会被撑开，最终影响到正常的文档流&/div&
[ 提示：你可先修改部分代码，再按Ctrl+A 全部选择 ]
overflow:visible在IE6的表现和别的浏览器的在默认情况下的表现不同，IE6下父元素会被撑开，最终影响到正常的文档流，而其他浏览器下撑出部分不会影响正常的文档输出流，即下面的元素还是按上面元素规定的高度来显示。要达到IE6下拥有真正意义上的overflow:visible效果的话，需要这么做，包裹父元素设置为_overflow:接着继续设置它的子元素为_position:即可。
回归正题，接下来分析这行代码里面各个属性真正的意义：
1.overflow:hidden写在应用在包裹元素上的.body和.main，其目的是利用其清除浮动的特性而非隐藏内部元素特性。2.为了兼容性要触发IE6/7的hasLayout。这里运用overflow:hidden的特性以最小的代价在IE7下清除浮动效果同时并触发hasLayout，一举二得。IE6用的是专有Hack和zoom属性（_zoom:1）来触发hasLayout。3.既然我们使用overflow:hidden是为了清除浮动，所以我们绝对不能让元素有高度属性。而实际工作中，往往要求必要的基本高度来达到合理的布局要求，那么这个时候需要使用最小高度min-height，根据前面的知识我们得知IE6实现最小高度的方法是用height实现，而我们的overflow:hidden为了清除浮动大局观是不允许出现固定高度的，使用了hidden再添加了height，那么overflow的特性则发生转变，变成了隐藏溢出的功能。这里次利用IE6下的overflow:visible的bug，让IE6下的父元素自动撑开，达到了所谓的清除浮动的目的，可以说的上是歪打正着，于是乎，产生了_overflow:visible的写法。
[商业源码]&
[商业源码]&
[商业源码]&
[商业源码]&
[商业源码]&
[商业源码]&
[商业源码]&
[商业源码]&
[商业源码]&
[商业源码]&
Copyright &
All Rights Reserved网站制作中div+css浏览器兼容性问题解决方法
发布时间： 来源: 所属分类：网站制作
摘要：在网站的制作过程中常会发生一些问题致使网页的排版变的非常混乱，并且在各大浏览器出现不同的排版效果。然后去花费大量的时间去查看这些问题的出现的原因，再去调整。所以这些浏览器兼容性问题对于web设计师来说非常的苦恼。这里就讲述一下这些常见的浏览器兼容性问题发生的原因和这些问题的解决方案和规避办法。
在网站的制作过程中常会发生一些问题致使网页的排版变的非常混乱，并且在各大浏览器出现不同的排版效果。然后去花费大量的时间去查看这些问题的出现的原因，再去调整。所以这些浏览器兼容性问题对于web设计师来说非常的苦恼。这里就讲述一下这些常见的浏览器兼容性问题发生的原因和这些问题的解决方案和规避办法。
首先给大家介绍一下hacker，面对不同的浏览器兼容问题，去调整起来可能非常的耗费时间。而hacker就可以很好的解决这个问题。
hacker就是通过对不同的浏览器编写不同的代码来调整不同浏览器的兼容问题，比如说：
ie6识别hacker的下划线_和星号*还有!important，而ie7和遨游浏览器则只识别星号。所以就可以用不同的代码解决不同的浏览器问题。
如：height:600*height:500_height:400对于ie6都识别以上代码，所以ie6最后会判定height为400px。而ie7和遨游不识别_height,所以判定height为500px。
当然，以上介绍的hacker只是一种小方法，在这里还是不太推荐使用这种方法，因为它一定程度上不符合W3C的标准，所以一定要少用hacker。下面就针对常见的浏览器兼容问题进行逐个分析和解决。
一、浏览器兼容性问题之目标不居中
1. 文字的程度居中
将一段文字置于容器的程度中点，只要设置text-align属性即可：text-align:
2. 容器的程度居中
先为容器定义一个宽度，然后在定义容器margin的属性即可
div#container {
3. 文字的垂直居中
如果文字是单行，只需将单行文字的行间距设置成容器的高度就可以了，如：
&div id=&container&&单行文字垂直居中&/div&
div#container {height: 35line-height: 35}
当然如果是多行文字，只需将文字的行间距设置成文字的n分子一就行了，如：
&div id=&container&&
多行文字垂直居中
多行文字垂直居中
div#container {height: 40line-height: 20}
4. 容器的垂直居中
如有两个容器，怎样才能将一个容器成在另一个容器中垂直居中呢？
&div id=&two&&
　&div id=&one&&
起首，将two容器的定位为relative。
height:480
然后，将小容器定位为absolute，再将它的左上角沿y轴下移50％，最后将它margin-top上移本身高度的50％即可。
height: 240
margin-top: -120
二、浏览器兼容性问题之ul在firefox和IE下表现不同
ul在Firefox下有个padding值， 却没有margin值；而在IE下正好相反，ul有个margin值，却没有padding值。
在Firefox下，ul的list-style默认是处于内容的外边缘的。当然可以通过css可以将list-style置为内容的内边缘。
通过分析可以将UL设置为：padding:0; margin:0; list-style:
还可以将ul设置为padding:0; margin:0; list-style:
这样就可以解决ul在firefox和ie下表现不同的问题。
三、浏览器兼容性问题之min-height的不兼容问题
最小高度min-height是个很有用的属性，它可以让很短的内容也有一个很合适的高度，使页面显得美观。但是在各大浏览器中却出现了不同的情况。这里分析解决下这个问题。
background:#
min-height:100
/*高度最小值设置为：100px*/
height:auto ! /*兼容FF,IE7也支持 !important标签*/
height:100 /*兼容ie6*/
1、由于IE6对!important的解释存在bug，所以它只识别height:500px这一句，超过500px后，IE6自身会增加盒子的高度；
2、IE7和其他标准浏览器三句都能识别，虽然定义height:500px，但我们又有了height:auto !important，所以超过500px也能自动增加盒子的高度。
四、浏览器兼容性问题之图片img之间默认有间距
有时在图片排列时图片之间会有一个默认的间距导致图片的排列在不同浏览器中出现不同排列问题，如果用margin属性强制调整图片的间距可能会出现更多的兼容性问题。这里就建议使用float属性对图片进行排版。如：
img{float:}
五、浏览器兼容性问题之ie6下margin的双倍间距
在div+css的布局中会出现ie6下的两个div之间出现了双倍的间距。这种情况通常出现在div在使用float属性排版下。如：
&div style=&float:margin-left:10&& &/div&
当一个css样式同时设置了float和margin的属性的时候，在ie7+及火狐上，该元素显示正常。但是在ie6下，将会出现双倍的margin-left属性值，也就是上面那段代码中的div在ie6下的实际margin-left的值是20解决此办法的最简单的方法是，在style中添加：display:
如上面的代码将改为
&div style=&float:display:margin-left:10&&
六、浏览器兼容性问题之DIV浮动IE文本产生3象素的bug
左边对象浮动，右边采用外补丁的左边距来定位，右边对象内的文本会离左边有3px的间距。
#box{ float: width:800}
#left{ float: width:50%;}
#right{ width:50%;}
*html #left{ margin-right:-3 //这句是关键}
&div id=&box&&
&div id=&left&&&/div&
&div id=&right&&&/div&
七、浏览器兼容性问题之页面的最小宽度
min-width是个非常方便的CSS命令，它可以指定元素最小也不能小于某个宽度，这样就能保证排版一直正确。但IE不认得这个，而它实际上把width当做最小宽度来使。为了让这一命令在IE上也能用，可以把一个&div& 放到&body& 标签下，然后为div指定一个类，然后CSS这样设计：
#container{
min-width: 600
width:e&xpression(document.body.clientWidth & 600? &600px&: &auto& );}
第一个min-width是正常的；但第2行的width使用了Javascript，这只有IE才认得，这也会让你的HTML文档不太正规。它实际上通过Javascript的判断来实现最小宽度。
八、浏览器兼容性问题之清除浮动
清理浮动有很多种方式，像使用 br 标签自带的 clear 属，使用元素的 overflow，使用空标签来设置 clear:both 等等。但考虑到兼容问题和语义化的问题，一般我们都会使用。如下代码来清理浮动。
/* 清理浮动 */
.clearfix:after {
visibility:
font-size:0;
content:& &;
.clearfix {
其原理是，在「高级」浏览器中使用 :after 伪类在浮动块后面加上一个非 display:none 的不可见块状内容来，并给它设置 clear:both 来清理浮动。在 ie6 和 7 中给浮动块添加 haslayout 来让浮动块撑高并正常影响文档流。
上面的代码应该是现在主流的清理浮动方式，现在支付宝就使用这样的方式。而现在，Nicolas Gallagher 给出了一个更简洁的方案：
.cf:before, .cf:after {
content:&&;
.cf:after {
原理还是一样的。使用 :after 伪类来提供浮动块后的 clear:both。不同的是，隐藏这个空白使用的是 display: table。而不是设置 visibility:height:0;font-size:0; 这样的 hack。
值得注意的是这里中的 :before 伪类。其实他是来用处理 top-margin 边折叠的，跟清理浮动没有多大的关系。但因为浮动会创建 block formatting context，这样浮动元素上的另而一元素上如果刚好有 margin-bottom 而这个浮动元素刚好有margin-top 的话，应该让他们不折叠（虽然这种情况并不常见）。
当然，最简单的清除浮动的办法还是设置一个空标签如：.clear{clear:}
九、浏览器兼容性问题之：高度不适应
1. 额外标签法
　　这种方法就是向父容器的末尾再插入一个额外的标签，并令其清除浮动（clear）以撑大父容器。这种方法浏览器兼容性好，没有什么问题，缺点就是需要额外的（而且通常是无语义的）标签。
&div style=&clear:&&&/div&
&br style=&clear:& /&
2. 使用after伪类
这种方法就是对父容器使用after伪类和内容声明在指定的现在内容末尾添加新的内容。经常的做法就是添加一个&点&，因为它比较小不太引人注意。然后我们再利用它来清除浮动（闭合浮动元素），并隐藏这个内容。
这种方法兼容性一般，但经过各种 hack 也可以应付不同浏览器了，同时又可以保证html 比较干净，所以用得还是比较多的。
#outer:after{
content:&.&;
visibility:
3. 设置overflow为hidden或者auto （IE8常见内部浮动外部高度不适应解决方法）
&这种做法就是将父容器的overflow设为hidden或auot就可以在标准兼容浏览器中闭合浮动元素。不过使用overflow的时候，可能会对页面表现带来影响，而且这种影响是不确定的，你最好是能在多个浏览器上测试你的页面。
4. 浮动外部元素，float-in-float
　　这种做法就是让父容器也浮动，这利用到了浮动元素的一个特性&&浮动元素会闭合浮动元素。这种方式在 IE/Win 和标准兼容浏览器中都有较好的效果，但缺点也很明显&&父容器未必想浮动就浮动的了，毕竟浮动是一种比较特殊的行为，有时布局不允许其浮动也很正常。
小结：以上就是常见的一些浏览器兼容性问题，这里整理分析出给大家。以后大家在遇见这些浏览器兼容性问题就可以直接应用解决了。
郑州·金水区郑汴路升龙凤凰城A区七号楼2-1406室
版权所有(C)
郑州互趣计算机科技有限公司及/或品蓝科技
豫ICP备号-1ie火狐下最小，最大高度适应（让IE支持min-height 最小高度） - ithink-设计-Design
当前位置： & ,
让IE支持min-height 最小高度
background:#
min-height:100
/*高度最小值设置为：100px*/
height:auto ! /*兼容FF,IE7也支持 !important标签*/
height:100 /*兼容ie6*/
}最大宽度…主流浏览器IE对max-width是不支持的，对这一属性的设置在IE中是无效的。同样的对min-width的设置也是无效的。#commentlist img {
width: expression(this.width & 500 ? 500: true);
max-width: 500
#woaicss {
width:100%; /*FF来说是有效的。而对于IE则没有作用/*
max-width:500
width:expression(document.body.clientWidth & 500? &#px”: “auto” );
background:#c00;
line-height:30
}/*expression与Javas cript表达式关联起来，对浏览器要求较高1E5以上使用。不建议常用*/
关于clientHeight、offsetHeight、scrollHeight
window.screen.availWidth
返回当前屏幕宽度(空白空间)
window.screen.availHeight
返回当前屏幕高度(空白空间)
window.screen.width
返回当前屏幕宽度(分辨率值)
window.screen.height
返回当前屏幕高度(分辨率值)
window.document.body.offsetH
返回当前网页高度
window.document.body.offsetW
返回当前网页宽度
我们这里说说四种浏览器对 document.body 的 clientHeight、offsetHeight 和 scrollHeight 的解释。
这四种浏览器分别为IE（Internet Explorer）、NS（Netscape）、Opera、FF（FireFox）。
clientHeight
大家对 clientHeight 都没有什么异议，都认为是内容可视区域的高度，也就是说页面浏览器中可以看到内容的这个区域的高度，一般是最后一个工具条以下到状态栏以上的这个区域，与页面内容无关。
offsetHeight
IE、Opera 认为 offsetHeight = clientHeight + 滚动条 + 边框。
NS、FF 认为 offsetHeight 是网页内容实际高度，可以小于 clientHeight。
scrollHeight
IE、Opera 认为 scrollHeight 是网页内容实际高度，可以小于 clientHeight。
NS、FF 认为 scrollHeight 是网页内容高度，不过最小值是 clientHeight。
clientHeight 就是透过浏览器看内容的这个区域高度。
NS、FF 认为 offsetHeight 和 scrollHeight 都是网页内容高度，只不过当网页内容高度小于等于 clientHeight 时，scrollHeight 的值是 clientHeight，而 offsetHeight 可以小于 clientHeight。
IE、Opera 认为 offsetHeight 是可视区域 clientHeight 滚动条加边框。scrollHeight 则是网页内容实际高度。
clientWidth、offsetWidth 和 scrollWidth 的解释与上面相同，只是把高度换成宽度即可。
=======================================================================
clientHeight与offsetHeight的区别
许多文章已经介绍了clientHeight和offsetHeight的区别，就是clientHeight的值不包括scrollbar的高度，而offsetHeight的值包括了scrollbar的高度。然而，clientHeight和offsetHeight的值到底由什么组成的呢？如何计算这两个数的值？
1. clientHeight和offsetHeight的值由什么决定？
假如我们有以下的DIV，主要显示的文字为”This is the main body of DIV”。
如上图所示，clientHeight的值由DIV内容的实际高度和CSS中的padding值决定，而offsetHeight的值由DIV内容的实际高度，CSS中的padding值，scrollbar的高度和DIV的border值决定；至于CSS中的margin值，则不会影响 clientHeight和offsetHeight的值。
2. CSS中的Height值对clientHeight和offsetHeight有什么影响？
首先，我们看一下CSS中Height定义的是什么的高度。如在本文最后部分“APPENDIX示例代码”（注：以下称为“示例代码”）中，innerDIVClass的Height值设定为50px，在IE下计算出来的值如下所示。也就是说，在IE里面，CSS中的Height值定义了 DIV包括padding在内的高度（即offsetHeight的值）；在Firefox里面，CSS中的Height值只定义的DIV实际内容的高度，padding并没有包括在这个值里面(70 = 50 + 10 * 2)。
innerDiv.clientHeight: 46
innerDiv.offsetHeight: 50
outerDiv.clientHeight: 0
outerDiv.offsetHeight: 264
in Firfox:
innerDiv.clientHeight: 70
innerDiv.offsetHeight: 74
outerDiv.clientHeight: 348
outerDiv.offsetHeight: 362
在上面的示例中，也许你会很奇怪，为什么在IE里面outerDiv.clientHeight的值为0。那是因为示例代码中，没有定义 outerDIVClass的Height值，这时，在IE里面，则clientHeight的值是无法计算的。同样，在示例代码中，如果将 innerDIVClass中的Height值去年，则innerDIV.clientHeight的值也为0。(注：在Firefox下不存在这种情况)。
如果CSS中Height值小于DIV要显示内容的高度的时候呢（当CSS中没有定义overflow的行为时）？在IE里面，整个 clientHeight（或者offsetHeight）的值并没有影响，DIV会自动被撑大；而在Firefox里面，DIV是不会被撑开的。如在示例代码中，将innerDivClass的Height值设为0，则计算结果如下所示。IE里面的DIV被撑开，其clientHeight值等于内容的高度与padding*2的和；而Firefox里面，文字将溢出DIV的边界，其clientHeight值正好是padding值的两倍。
innerDiv.clientHeight: 38
innerDiv.offsetHeight: 42
outerDiv.clientHeight: 0
outerDiv.offsetHeight: 256
In Firefox:
innerDiv.clientHeight: 20
innerDiv.offsetHeight: 24
outerDiv.clientHeight: 298
outerDiv.offsetHeight: 312
APPENDIX　示例代码
&style type=”text/css”&……
.innerDivClass
{…}{…}{…}{
margin: 37
padding: 10
border: 2px solid #000000;
height: 50
.outerDivClass
{…}{…}{…}{
padding: 100
margin: 200
border: 7px solid #000000;
&script&……
function checkClientHeight()
……{
var innerDiv = document.getElementById(“innerDiv”);
var outerDiv = document.getElementById(“outerDiv”);
result.innerHTML = “innerDiv.clientHeight: ” + innerDiv.clientHeight + “&br /&”;
result.innerHTML += “innerDiv.offsetHeight: ” + innerDiv.offsetHeight + “&br /&”;
result.innerHTML += “outerDiv.clientHeight: ” + outerDiv.clientHeight + “&br /&”;
result.innerHTML += “outerDiv.offsetHeight: ” + outerDiv.offsetHeight + “&br /&”;
&div id=”outerDiv”&
&div id=”innerDiv”&
Hello world.
&div id=”result”&
&input type=”button” onclick=”checkClientHeight()” text=”Click Me” Value=”Click Me” /&
↓↓↓ 支持我们 ↓↓↓
不错的入门书籍，涉及了最基本的html,div布局,css,js,相当的通俗易懂,一些浅显的例子让我们明白到底是怎么原理,初学者首选...
最清晰易懂、最有效果的设计方法,倾听资深设计师传授宝贵经验,具体的技巧让您的配色能力快速提高!看完之后绝对有不一样的收获...解决IE6不支持css min-width与min-height
你好，游客
解决IE6不支持css min-width与min-height
　　最小高度的解决
.Elm {min-height:100height: auto !height: 100}
　　最小宽度的解决
.Elm {min-width:100width: auto !width: 100}
　　里面的祕诀，是先利用较新的浏览器认得min-width/height，因此透过它来指定值,而IE旧版的浏览器则是透过width/height取值。
　　不过这里有个冲突，就是新的浏览器也认得width/height，因此min-width/height会被width/height改写，解决的办法，就是中间那一行
　　height: auto !(以及width: auto !)
　　由于它标示!important，所以下面那行height无法取代上面这一行，间接变成新的浏览器忽视掉第三行，而让高度不受第三行影响。
　　另外由于旧的IE浏览器不认得 min-height和 !important的意思，所以它还是只吃第三行的语法，这样就可以相安无事，皆大欢喜。
　　另：如果里边的文字需显示在一行，可添加样式表 white-space:nowrap
相关新闻 & & &
　　　同意评论声明
　　　发表
尊重网上道德，遵守中华人民共和国的各项有关法律法规
承担一切因您的行为而直接或间接导致的民事或刑事法律责任
本站管理人员有权保留或删除其管辖留言中的任意内容
本站有权在网站内转载或引用您的评论
参与本评论即表明您已经阅读并接受上述条款
匿名 发表于 回复 匿名 的评论没有解决IE6 中 css min-width与min-heightie6的height起着和min-height一样的效果，可以测试一下
(0) 匿名 发表于 还是没有解决，如果我的div根本不想设置高度来，那么第三行是废物，但是去掉第三行浏览器又不认识，所以还是没有解决
(0) 匿名 发表于 没有解决IE6 中 css min-width与min-height
(2) 匿名 发表于 还是没有解决最小高度的问题
(1) wotuofamen 发表于 由于它标示!important，所以下面那行height无法取代上面这一行，间接变成新的浏览器忽视掉第三行，而让高度不受第三行影响 www.wtfm.cc
没有解决IE6 中 css min-width与min-height
(2)还是没有解决最小高度的问题
(1)还是没有解决，如果我的div根本不想设置高度来，那么第三行是废物，但是去掉第三行浏览器又不认识，所以还是没有解决
(0)ie6的height起着和min-height一样的效果，可以测试一下
(0)由于它标示!important，所以下面那行height无法取代上面这一行，间接变成新的浏览器忽视掉第三行，而让高度不受第三行影响 www.wtfm.cc