一年里遇到的css问题总结一下：
到现在发现用hack越多证明你的水平越差，目前写的代码几乎没有用到这些解决方法了。但是话说回来只有遇到问题并且解决才能最终达到预防。直到所有的都遇到了你也就是高手了！
应用最多的本人感觉就是：height:1%;overflow:hidden;//解决float等问题
1、高度自适应问题：
完美解决办法：
div{
height:auto !important;
height:xxx px;
min-height:xxx px;
}
前提是：在div（此处的div只是个常用案例，并非只能用在这个标签上）的结束标签前加上清除浮动的代码。该代码样式写法如下：
{
visibility:hidden;
display:none;
clear:both;
font-size:0;
height:0;
}
2、完全居中问题：
说明：垂直居中只适用于页面高度固定的情况。
完美解决办法（不会出现内容看不见的问题）：
假设你的主体框架为#main
页面结构写法如下：
<div id="vertical"> </div>
<div id="main">xxxx</div>
样式写法如下：（样式中的背景色只是为了测试而用非必写项，body中的text-align为必写项。）
html,body{
height:100%;
margin:0;
padding:0;
}
body{
text-align:center;
background:#eae7d7;
}
#vertical{
float:left;
height:50%;
width:100%;
margin-top:-305px;/* half vertical height*/
}
#main{
width:1003px;
height:611px;
margin:0 auto;
background:#666;
text-align:left;
}
3、IE7 样式单独写法：*+html后面要有空格。
*+html #main{
xxxx !important;
}
FF样式单独写法：
#main{
xxxx !important;/*此句是针对FF的*/
xxxx;
}
4、解决ie6、ie7、 FF、opera下样式显示都不同的问题：
办法：
{
background:orange; /* ff识别的 */
*background:orange; /* ie7识别的 */
_background:orange; /* ie6识别的 （顺序不能变）*/
}
说明：以上写法，虽然能实现效果，但在通过标准验证时会有警告提示。故，提倡一般不要用 *样式 的写法。如果不用*，就可以采用前面第3条提到的专门针对IE7 的样式的写法。
解决FF和ie7相同，但与ie6不同
{
background:orange important; /* ie7识别的/ ff识别的 */
background:orange; /* ie6识别的 （顺序不能变）
