一直想好好的把自己遇到的一些css hack好好整理一下，应该也是别人会常遇到的问题，刚开始很头痛，现在基本有什么问题一看就知道问题出在哪了，css看似简单，其实真正想学好css还是挺难的，难就难在你有太多的浏览器要考虑，而每种浏览器对样式的属性解析都不太完全一样，这就导致了有些要用到hack，第一次听到hack这个名字的时候，让我想起了黑客。。后来才知道原来是用来解决浏览器兼容的一个名字，呵呵。刚好最近有些时间。在制作一个 左右，右边再分为 左右 布局的时候，遇到的一些问题。。就把它整理了一下，免得自己以后忘记了。也希望对新手有点帮助。。废话少说，先看下这个布局会遇到的第一个问题。这里只考虑主流浏览器 ie跟firefox ，我对我的网站的客户端分析，大部分都是用ie浏览器，少数用firefox，更别提opera浏览器了。

1.高度自适应
有两种高度自适应的方法，第一种是用height:100%,个人不建议，这个在什么情况下用呢？当你给外面的div定义了一个固定的高度的时候用，不然的话，这个height:100%会随着浏览器的高度大小调整，如果对方没有在浏览器的最大化的情况观看，那布局将会惨不忍睹。
第二种是用height:auto，让它根据内容的高度自动增高，这个属性在firefox下不起作用。得这样定义才行：

div {height:auto !important;min-height:100px;height:100px;}

这样当内容超出100px高度的时候，会自动下拉。。ff下 height：auto需要跟min-height才能起作用。

Read the rest of this entry »