昨天有朋友让我做一个选项卡，兼容IE及FF等主流浏览器。今天上午抽空搞定，现把代码放出来，有些细节地方可能还需要自己做一下调整，我就不修改了，因为涉及到个人的皮肤样式。
先看一下运行效果吧。（此代码兼容IE6,IE7,火狐FF及Chrome）...
IE不管设置div的高度与否，都会根据内容来自适应高度。但是Firefox就没有这么聪明了。
1.如果div想要一个最小高度，那么应该用css的minheight这个属性，但是IE不支持，考虑到大多数用户都使用IE，所以一般情况下这个属性基本上弃置不用。在IE里面，height基本上就可以当作minheight来用，因为如果内容超出height，IE会自适应其高度。但是一旦设置了 height以后，FIrefox就不会自适应div的高度了。所以只能两个属性都不用，干干净净地写<div>cookseo.com</div>。
2.即使不设置固定高度，Firefox对高度的自适应也不那么尽人意。如果需要在一个层内嵌套一个需要float来规定的层，那它就又失灵了。其实有个最简单的方法，就是在div内的最下面加一个clear:both的div。例如：...
使用HACK，可以巧妙地实现不同浏览器的兼容效果。主要使用*,_,!important；不管是什么方法，书写的顺序都是firefox的写在前面，IE7的写在中间，IE6的写在最后面。...
在IE6、IE7、FF等浏览器中使用min-height的技巧
今天做网站的时候，又发现min-height在ie7和ff下使用有效，并且实现了预期的排版效果，然而在ie6中浏览，却发现有错位的现象，只显示了一部分，如何使ie6也具有min-height的属性呢？经过一番查找并实践，终于找到了解决方法，此方法在ie6、ie7、ff下均测试有效，其它的我就不敢保证了。
css样式代码如下：
_height:500px;
daniel,2008/1/18 Tags：IE6 IE7 FF min-height
FF中的自适应高度之背景的自适应高度问题的完美解决方法
对于背景不能自动延伸的，解决的思路就是用clear:both，解决的方法是在层里面再多嵌套一个层，这个层设置浮动，并承担背景，就搞定了。
下面附上在FF中的背景的自适应高度完美解决方案，在ie6、ie7、ff、mathon下测试均通过！Perfect！！！
.clear{clear:both;line-height:1px}
...
