IE6的躲猫猫Bug

IE6的躲猫猫bug（peek-a-boo）bug，之所以起这个名称是因为在某些条件下文本看起来消失了，只有在重　新装载页面时才再度出现。出现这个bug的条件是：一个浮动元素后而跟阒一些非浮动元素，然后是一个清理元素，所有这些元素都包含在一个设置了背景颜色或图像的你元素中。如果清理元素砬到了浮动元素，那么中间的非浮支元素看起来消失了，隐到了父元素的背景颜色或图像后面，只有在刷新页面时才重新出现。



　　幸运的是，有许多方法可以解决这个bug。最容易的方法可能是去掉父元素上的背景颜色或图像。但是，这常常是不可行的。另一个方法是避免清理元素与浮动元素接触。如果窗口元素应用了特定的尺寸，那么这个bug似乎就不会出殃了。如果给窗口指定行高，这个bug也不会出现。最后，将浮动元素和容器元素的 position属性设置为relative也会减轻这个问题。 可以试试以下解决方案：

A.在父元素中加入height:1%
B.加入一个宽度
C.加入一个背景色