上周新建了一个粉丝群，周三发小测题目，每周依次是CSS、DOM和JS，周六上午答疑，答疑方式是直播加群聊。然后今天上午进行了第一次的直播答疑，是一个简单的CSS布局问题，本文可以看成是本次答疑的文档版。如果你也想要加入粉丝群，可以参见文末的信息。
文章关键字 ‘relative’
粉丝群第1期CSS小测点评与答疑
2019年01月12日，星期六杀了个回马枪，还是说说position:sticky吧
2018年12月2日，星期日
position:sticky早有耳闻也有所了解，后来，Chrome放弃了对其支持，我也就不关心这个声明了，今天偶然发现，卧槽，Chrome什么时候杀了个回马枪，居然又支持了。眼瞅着，各个浏览器纷纷立了山头，要必要关心关心position:sticky了，不要被人留下厚此薄彼的口舌。结果一关心，竟然发现，sticky定位要比预想的更强大，更有趣……
深入理解CSS中的层叠上下文和层叠顺序
2016年01月9日，星期六
CSS3 transform对普通元素的N多渲染影响
2015年05月21日，星期四一个普普通通的元素，如果应用了CSS3 transform变换，即便这个transform属性值不会改变其任何表面的变化（如scale(1), translate(0,0)），但是，实际上，对这些元素还是造成了写深远的影响。所谓表面无恙，内心奔溃的真实写照。
本文就列举几个目前我所知的transform影响CSS2.1中普通元素渲染表现的例子……一如既往，有Demo，有截图，有必要的源代码展示。总之，希望本文的内容能够对您的学习有所帮助~~
利用重绘解决IE下JS交互产生的定位重叠等棘手bug
2013年01月22日，星期二我们平常在页面布局时候探讨的bug大多都属于静态的——即页面载入渲染完毕后出现的布局问题，像是错位啊，不对齐啊，行高失效等。
这些都是嚼了好多年的烂芋头，就像风水日晒很多年的门面店，是个装修工都能美化修复，不值得拿出来卖弄。
还有一类bug是伴随着JS交互产生了，比方说一个外表靓丽光鲜的门面店，只要门一开，尼玛，天花板就会挂到门上去了。此时该怎么办？……
本文就将从重绘这块解决JS交互再IE浏览器下产生的棘手问题，精制的demo，丰富的截图以及必要的源代码展示，希望本文的内容能够您的学习有所帮助。
你到了第几层？图片式标题、按钮与隐藏文本
2012年03月9日，星期五本文标题有故弄玄虚之嫌，说是“图片式标题、按钮与隐藏文本”，其实本意重点是介绍z-index负值以及在文本隐藏中的实际应用。外甥点灯笼——照旧，demo多多，截图多多（还有gif动画演示图哦），源代码展示等等，都有。总之，希望本文的内容能够对您的学习有所帮助。
您可能不知道的CSS元素隐藏“失效”以其妙用
2012年02月14日，星期二在CSS中，让元素隐藏（指屏幕范围内肉眼不可见）的方法很多，有的占据空间，有的不占据空间；有的可以响应点击，有的不能响应点击。然而，其中有些隐藏方法会出现“失效”的情况。而这些“失效”的情况往往会有一些和巧妙的应用。本文就是介绍这些“失效”情况并列举了其一些比较巧妙的应用。一如既往，demo页面，截图，必要的代码展示，总之，希望本文的内容能够对您的学习有所帮助。
CSS相对定位|绝对定位(五)之z-index篇
2011年08月9日，星期二本文是CSS相对定位绝对定位系列的最后一篇，简单讲讲z-index。主要内容是讲目前z-index滥用的一个情况。其次是讲了下自己避免z-index混乱使用而采用的分门别类下的1,2,3应用规则。本文没有demo，没有源代码展示，只有一些截图。内容相对前面几篇要少很多，但也精炼了。总之，希望本文的内容能够对您的学习有所帮助。
CSS 相对/绝对(relative/absolute)定位系列（四）
2011年08月6日，星期六
本文是相对定位/绝对定位系列之四——relative相对定位篇。前面部分比较随性，以讲故事的形式介绍relative相对定位的一些属性特点。后面为本文重点，讲述的是relative相对定位的最小化影响原则。有demo，有实例，有截图以及必要的源代码展示。总之，希望本文的内容对您的学习有所帮助。
CSS 相对/绝对(relative/absolute)定位系列（三）
2011年03月20日，星期日
本文是CSS 相对/绝对(relative/absolute)定位系列的第三篇，主要内容是absolute绝对定位的可用性隐藏，absolute绝对定位与等高布局，以及absolute相关的一些有趣的兼容性问题探讨。本文断断续续写了一个星期，所以行文上可能没有一气呵成之感；本周遇到些不顺心的事情，所以言语上也不如之前文章活波。但是，内容上并没有偷工减料，该有的截图还是有的，该有的demo还是有的，必要的代码展示也是有的。总之，希望本文的内容能够对您的学习有所帮助。
我的应用
我的应用