61年来最强暴雨！
史上首个橙色预警！
地面上的光鲜掩盖不了地下的不堪一击。 网易专题：http://news.163.com/special/7yuebeijingbaoyu/

　　Giada 杰拓日前推出了一款 mini-PC i53，采用了 Ivy Bridge i5 处理器（也可选择 i3 或 i7 版本），4GB RAM，500GB 硬盘，支持运行 Windows 7、Windows Vista、Windows XP 或 Linux。重量不足 1kg。另外它还支持 USB 3.0、1080p 影片播放，802.11n Wi-Fi、蓝牙、HDMI 和 VGA 输出，随机配有一个遥控器。i5 版本的 i53 售价是 US$520（约合人民币 3,320 元）。

　　这个Tablayout 多页标签，样式简洁，体积苗条。当然，你还可以自己通过样式表，定制其他标签背景，或者是做个漂亮的标签背景图片。最关键的是，这个Tablayout 多页标签效果的兼容性很好，IE6+，Firefox、Chrome、Opera、Safari浏览器都能很好的显示。标签内容你自己想显示什么，就自己动手折腾吧，具体就自己看压缩包内的源文件吧，俺只是大概收拾了一下。

　　以前就唠叨过，不过是浅尝辄止，没有系统的研究过，因为太杂了，受不了，基本上是碰到什么问题就临时解决什么问题，也没有过多的总结。上两周因为在给某局折腾网站，再次被IE系列浏览器折磨的死去活来的，基本算是告一段落，于是就想总结一下，以后可以少走点弯路。放狗搜了一下，其实不只咱天朝有这样的需求，老外也一样，人家也总结了不少经验，咱就借花献佛吧。
　　先说IE6这个老顽固吧，就它的事情最多，IE7、8、9相对来说好很多。对于IE6来说，Box Model盒子模型里定义的参数IE6解释的都一塌糊涂，比如：

div#box {
   width: 100px;
   border: 2px solid black;
   padding: 10px;
}

　　这个样式定义的box的宽度，对于IE6来说，就是100px，但是对于其他比较流行的浏览器，宽度是124px，这问题就很明显了，有了这个差异，网页的布局会有问题，所以这个的注意。
　　然后是Double Margin双倍边距的问题，比如：

div#box {
   width: 100px;
   border: 2px solid black;
   padding: 10px;
   float: right;
   margin-right: 20px;
}

　　这个box元素咱们需要它Float到右边，且右边距是20px，实际上IE6会把边距加倍，成了40px，这又是个把你的布局彻底打乱的一个Bug，解决之道当然是有的，就是再加一个定义，"display:inline;"。问题是可以解决，但是有时你可能并不想要这个元素是inline的啊，所以实际使用中你得自己解决实际需求。