做这个blog的时候是自己定制的皮肤，由于div＋css的构架貌似平常，不过深究起来也可以说博大精深，这次就我遇到的这个css中遇到的问题做个总结，这种问题如果不知道对策，只是从理论上分析会白头发的:-)
这个bug全称叫做IE6 Peekaboo/Guillotine Bug（拗口的说），看了相关资料，IE7会修复这个bug。
症状：断层，文字和背景之类的会出现断层或者不显示，但是拖动滚动条或者晃动鼠标到某个链接的时候却又显示正常，如此反复，极度恶心！
病因：引用自 Nicky's Blog
引用
Guillotine Bug出现的条件：
1、一个container（容器）
2、一个漂浮在container（容器）里面的元素（无论左右）
3、紧跟后面有一个没有漂浮的内容，里面包含链接
4、链接的a:hover样式有变化时，改变链接颜色除外。
（尤其以background、padding、border、Text Style这些属性效果最为明显。）
5、漂浮的元素比没有漂浮的内容高，不然就不存在切断了。
1、一个container（容器）
2、一个漂浮在container（容器）里面的元素（无论左右）
3、紧跟后面有一个没有漂浮的内容，里面包含链接
4、链接的a:hover样式有变化时，改变链接颜色除外。
（尤其以background、padding、border、Text Style这些属性效果最为明显。）
5、漂浮的元素比没有漂浮的内容高，不然就不存在切断了。
处方：在断层的css中增加：[codes=css]height: 100%; /*Fix for IE Peekaboo Bug */[/codes]（定义一个高度，至于百分比我在实际试验中好像这个数值不重要，关键要有这个定义）
另外有相关的文章，也说的比较细致：链接一 & 链接二。
附言：div＋css的确是好，给单位做得改版网站在手机中的显示就比较让人满意（其中还有不少需要改进的地方），对于使用div＋css的确是一劳永逸的感觉。希望大家在应付做单子之外好好的研究这个好东东。
分享此文: 
