经常使用Chrome浏览器浏览Gmail的朋友应该会发现，Gmail在显示比较长的内容时的时（比如常常的邮件列表或者联系人列表），右侧会出现一个灰色调的滚动条，风格与系统自带的完全不同。
标签： CSS
css绝对定位absolute总结
先看两个概念：
Absolute，CSS中的写法是：position:absolute; 他的意思是绝对定位，他是参照浏览器的左上角，配合TOP、RIGHT、BOTTOM、LEFT(下面简称TRBL)进行定位，在没有设定TRBL，默认依据父级的做标原始点为原始点。如果设定TRBL并且父级没有设定position属性，那么当前的absolute则以浏览器左上角为原始点进行定位，位置将由TRBL决定。
Relative，CSS中的写法是：position:relative; 他的意思是绝对相对定位，他是参照父级的原始点为原始点，无父级则以BODY的原始点为原始点，配合TRBL进行定位，当父级内有padding等CSS属性时，当前级的原始点则参照父级内容区的原始点进行定位。
继续阅读css绝对定位absolute总结
纯代码实现外链自动添加小图标
不知大家有没有注意到笔者博客文章中的外链都有一个小图标…
这个小图标提醒了读者这是个外部链接，提升了用户体验。那么如何给外链自动加上这个小图标呢？（千万别想着手动添加，太耗精力了）
方法一.使用插件WP External Links
WP External Links这个插件不仅可以给外链添加小图标，还可以添加Nofollow、external属性，还可以设置外链在新窗口/标签打开。此外，还可以设置应用范围：文章区域、评论区域、侧边栏。功能非常强大。
继续阅读纯代码实现外链自动添加小图标