妹红雷：好
爆笑谷：聊吗
妹红雷：不
爆笑谷：为什么
妹红雷：忙
爆笑谷：忙什么
妹红雷：玩
爆笑谷：玩什么
妹红雷：游戏
爆笑谷：什么游戏
妹红雷：好玩的
爆笑谷：什么好玩的
妹红雷：烦
爆笑谷：烦就跟我聊
妹红雷：滚
爆笑谷：地不干净
妹红雷：靠
爆笑谷：给你肩膀
妹红雷：找死啊
爆笑谷：“死”在字典961页
妹红雷：晕
爆笑谷：我有止晕药
妹红雷：我服了
爆笑谷：服了药就不晕了
妹红雷：大哥
爆笑谷：认你这个妹妹了
妹红雷：拜托
爆笑谷：拜可以，不用脱
妹红雷：我要疯了
爆笑谷：我打120
妹红雷：你神仙
爆笑谷：不要迷信
妹红雷：还让人活吗
爆笑谷：有了我你会活得更精彩
妹红雷：555
爆笑谷：三五香烟虽好，但有害健康
妹红雷：去死吧
爆笑谷：我在网吧，不是死吧
妹红雷：求你放过我
爆笑谷：好，告诉我手机号我就不说了
妹红雷：要号干嘛
爆笑谷：改给你发短信
接触DIV布局这一块差不多大半年了，个人觉得css入门不难，但要学精并非一朝一夕的，现在大部分网络公司都比较主张用div+css来布局，这就面临着一个比较难的问题——浏览器的兼容性。
下面整理了一下相关的兼容问题，希望大家再在其基础上补充！
所有浏览器 通用 （市面上主要用到的IE6 IE7 FF）
height: 100px;
IE6 专用
_height: 100px;
IE6 专用
*height: 100px;
IE7 专用
*+height: 100px;
IE7、FF 共用
height: 100px !important;
一、CSS 兼容
以下两种方法几乎能解决现今所有兼容.
1, !important (不是很推荐，用下面的一种感觉最安全)
随着IE7对!important的支持, !important 方法现在只针对IE6的兼容.(注意写法.记得该声明位置需要提前.)
代码:
<style>
#wrapper {
width: 100px!important; /* IE7+FF */
width: 80px; /* IE6 */
}
</style>
2, IE6/IE77对FireFox <from 针对firefox ie6 ie7的css样式>
*+html 与 *html 是IE特有的标签, firefox 暂不支持.而*+html 又为 IE7特有标签.
代码:
<style>
#wrapper { width: 120px; } /* FireFox */
*html #wrapper { width: 80px;} /* ie6 fixed */
*+html #wrapper { width: 60px;} /* ie7 fixed, 注意顺序 */
</style>
注意:
*+html 对IE7的兼容 必须保证HTML顶部有如下声明：
代码:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
二、万能 float 闭合(非常重要!) 可以用这个解决多个div对齐时的间距不对，
关于 clear float 的原理可参见 [How To Clear Floats Without Structural Markup]
将以下代码加入Global CSS 中,给需要闭合的div加上 class=”clearfix” 即可,屡试不爽.
代码:
<style>
/* Clear Fix */
.clearfix:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clearfix {
display:inline-block;
}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */
/* end of clearfix */
</style>
三、其他兼容技巧(相当有用)
欢迎大家到淘宝门去选择如意的店铺，第一版本只是简单的店铺导航，后续会不断添加新的功能，努力将淘宝门做成网上淘宝推荐的第一品牌。
最可气的是大学四年我竟然没找到一个女朋友！！！直到毕业，有一天我走在校园林荫路上，就听后面一帮女生指指点点小声道：“没错，就是他！！以后可别找这样男朋友，天天去二食堂吃包子不给钱！！”
